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

本文关键字:调用 javascript 函数 事件 OnClientClick 提交 按钮 | 更新日期: 2023-09-27 18:17:25

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

我正在调用一个javascript函数来求和值,并显示该按钮的OnClientClick事件的结果值。

JS函数工作正常,但当我按下按钮以获得总和时,它显示在第三个文本框中的结果,然后页面被post-back,结果值从第三个文本框中消失。

为什么post-back被按钮调用?
我不希望页面在点击提交按钮时被post-backed。

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

按钮的OnClientClick="SomeMethod()"事件,它默认返回" 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>

以上解决方案必须有效。不过你可以试试这个:

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