在提交按钮的OnClientClick事件上调用javascript函数

Question

在我的asp.net页面中，我有三个文本框和一个按钮。
前两个文本框用于从用户获取值，第三个文本框用于显示前两个框的总和。

我正在调用一个javascript函数来对值进行求和，并在该BUTTON的OnClientClick事件上显示结果值。

JS函数工作正常但是当我按下按钮得到总和时，它会在第三个文本框中显示结果，然后页面正在回发，结果值将从第三个文本框中消失。

为什么按钮会调用回发？
我不希望页面在点击提交按钮后进行后备。

任何建议表示赞赏。

Answer 1

OnClientClick="SomeMethod()"事件的那个BUTTON，它默认返回“ true ”所以在那个函数之后它会回发

用于解决方案

//use this code in BUTTON  ==>   OnClientClick="return SomeMethod();"

//and your function like this
<script type="text/javascript">
  function SomeMethod(){
    // put your code here 
    return false;
  }
</script>

Answer 2

上述解决方案必须有效。 但是你可以尝试这个：

OnClientClick="return SomeMethod();return false;"

并从方法中删除return语句。

Answer 3

<asp:Button ID="btnGet" runat="server" Text="Get" OnClick="btnGet_Click" OnClientClick="retun callMethod();" />
<script type="text/javascript">
    function callMethod() {
        //your logic should be here and make sure your logic code note returing function
        return false;
}
</script>