cách dừng đăng lại khi nhấp vào nút trong javascript

[ad_1]

Tôi có một bàn phím số, bất cứ khi nào tôi nhấn bất kỳ nút nào, nó sẽ đăng lại trang, vậy làm cách nào tôi có thể dừng việc này ?? bất cứ ai có thể giúp tôi xin vui lòng …. gửi cho tôi mã nếu bạn có thể.

Giải pháp 1
Giải pháp 2
Giải pháp 3
Giải pháp 4

Giải pháp 1

Trên mã aspx, đối với nút liên quan hãy viết

JavaScript

OnClientClick="return false;"

Điều này sẽ ngừng đăng lại trang. Nếu bạn cần thực hiện một số lệnh gọi hàm, như xác thực, v.v., bạn cũng có thể thực hiện điều đó.

JavaScript

OnClientClick="MyFunction(); return false;"

Xác định hàm lưu trữ giá trị trong một số biến

JavaScript

MyFunction()
{
myVariable = myVariable + "number you got from button";
return false;
}

Nếu bạn cần dừng đăng lại có điều kiện, bạn có thể viết như thế

JavaScript

OnClientClick="MyFunction();"

Và xác định chức năng như

JavaScript

function MyFunction() 
{
if (condition == true)
return false;
else
return true;
}

Trong trường hợp này, nếu điều kiện đúng, nó sẽ KHÔNG đăng lại, nếu không nó sẽ đăng lại.

Hy vọng điều đó có ích. Nếu có, hãy đánh dấu nó là giải pháp/upvote.

Cảm ơn
Nhẹ nhàng

Giải pháp 2

Hy vọng nó sẽ giúp bạn

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

Giải pháp 3

CHÀO,

Theo hiểu biết của tôi, nếu yêu cầu của bạn là dừng sự kiện nhấp vào nút asp không được gọi, thì bạn có thể sử dụng return false trên nút Onclientclick của mình.

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

Hãy cho tôi biết nếu sự hiểu biết của tôi là sai.

Giải pháp 4

Bước 1: trong trang aspx

a) trong thẻ Head
————————————————– ——————————–

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);

}

————————————————– ———————-
bước 3: trong mã phía sau trang
————————————————– ———————-

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

Hãy cho tôi biết nếu khái niệm này có thể giúp bạn..
may mắn nhất

[ad_2]