كيفية إيقاف إعادة النشر عند النقر على الزر في جافا سكريبت


لدي لوحة أرقام، كلما ضغطت على أي زر يتم إعادة الصفحة، فكيف يمكنني إيقاف هذا؟؟ هل يمكن لأي شخص أن يساعدني من فضلك …. أرسل لي الرمز إذا كنت تستطيع ذلك.

الحل 1

على رمز aspx، اكتب الزر المعني

جافا سكريبت
OnClientClick="return false;"

سيؤدي هذا إلى إيقاف إعادة نشر الصفحة. إذا كنت بحاجة إلى إجراء بعض استدعاءات الوظائف، مثل التحقق من الصحة وما إلى ذلك، فيمكنك القيام بذلك أيضًا.

جافا سكريبت
OnClientClick="MyFunction(); return false;"

تحديد دالة تقوم بتخزين القيمة في بعض المتغيرات

جافا سكريبت
MyFunction()
{
myVariable = myVariable + "number you got from button";
return false;
}

إذا كنت بحاجة إلى الإيقاف المشروط لإعادة النشر، فيمكنك الكتابة مثل

جافا سكريبت
OnClientClick="MyFunction();"

وتحديد وظيفة مثل

جافا سكريبت
function MyFunction() 
{
if (condition == true)
return false;
else
return true;
}

في هذه الحالة، إذا كان الشرط صحيحًا، فلن يتم إعادة النشر وإلا سيتم إعادة النشر.

امل ان يساعد. إذا كان الأمر كذلك، ضع علامة عليه كحل/تصويت مؤيد.

شكرًا
ميليند

الحل 2

نأمل أنها سوف تساعدك

ج#
<asp:button id="btnID" runat="server" text="Click Me" onclientclick="return false;"  />

الحل 3

أهلاً،

وفقًا لما أفهمه، إذا كان مطلبك هو إيقاف حدث النقر على زر asp وعدم استدعائه، فيمكنك استخدام return false عند نقر العميل على الزر.

<asp:button runat="server" ...="" onclientclick="return false"  />

اسمحوا لي أن أعرف إذا كان فهمي خاطئا.

الحل 4

الخطوة 1: في صفحة aspx

أ) في علامة الرأس
————————————————– ——————————–

XML
<script src="Other/JScript.js" type="text/javascript"></script>

    <script src="JSTemplate/jquery-latest.min.js" type="text/javascript"></script>

    <style>
        .btn
        {
            border: solid 1px gray;
            border-radius: 3px;
            padding: 5px;
            vertical-align: middle;
            text-align: center;
            text-decoration: none;
            color: #000;
        }
    </style>




----------------------------------------------------------------------------------

b) in body tag
---------------------------------------------------------------------------------

 <div>
        <br />
        Operation to be performed:  <asp:textbox id="txtOperation" runat="server" class="btn" xmlns:asp="#unknown">
            Width="20" ReadOnly="true"></asp:textbox>
        <br />
        <asp:textbox id="txtBoxInput" runat="server" width="200" height="25" xmlns:asp="#unknown"></asp:textbox>
        <br />
        <br />
        <a href="javascript:TraceClick('1', 'idA1');" id="idA1" class="btn">1</a> <a href="javascript:TraceClick('2', 'idA2');">
            id="idA2" class="btn">2</a> <a href="javascript:TraceClick('3', 'idA3');" id="idA3">
                class="btn">3</a> <a href="javascript:TraceClick('4', 'idA4');" id="idA4" class="btn">
                    4</a> <a href="javascript:TraceOperator('+', 'idAPlus');" id="idAPlus" class="btn">+</a>
        <a href="javascript:TraceOperator('-', 'idA4Minus');" id="idA4Minus" class="btn">-</a>
        <br />
        <br />
        <br />
        <asp:button runat="server" id="btnFetchValueinCodebehind" text="Get Value In code behind" xmlns:asp="#unknown">
            OnClick="btnFetchValueinCodebehind_Click" />
        <br />
    </asp:button></div>

---------------------------------------------------------------------------------

Step 2: in JScript file
-----------------------------------------------------------------------------

<pre lang="cs">function TraceClick(new_Value, objID) {

      document.getElementById(objID).style.color = 'red';
      var finalVal='';

      if($("#txtBoxInput").val().length>0)
      {
         var newVal=parseInt(new_Value);
         var  vInput=parseInt($("#txtBoxInput").val());

         if($("#txtOperation").val()=="+")
         {

             finalVal = vInput + newVal;
             $("#txtBoxInput").val(finalVal);

         }
         else if($("#txtOperation").val()=="-")
         {

             finalVal = vInput - newVal;
             $("#txtBoxInput").val(finalVal);

         }
        else
        {

        $("#txtBoxInput").val($("#txtBoxInput").val().concat(new_Value));

        }


      }
      else
      {
         $("#txtBoxInput").val(new_Value);
      }

}
function TraceOperator(new_Value, objID) {
   document.getElementById(objID).style.color = 'red';
     $("#txtOperation").val(new_Value);

}

————————————————– ———————-
الخطوة 3: في الكود خلف الصفحة
————————————————– ———————-

ج#
protected void btnFetchValueinCodebehind_Click(object sender, EventArgs e)
  {
      string strval = txtBoxInput.Text.ToString();
      Response.Write("here u get value in code behind page: "+strval);
  }

اسمحوا لي أن أعرف إذا كان هذا المفهوم يمكن أن يساعدك ..
حظا سعيدا

コメント

タイトルとURLをコピーしました