button的click事件触发的提交问题

最新推荐文章于 2023-11-21 14:20:07 发布

xrjohn

最新推荐文章于 2023-11-21 14:20:07 发布

阅读量9.6k

点赞数

分类专栏： Javascript

本文链接：https://blog.csdn.net/xrjohn/article/details/46470741

版权

项目中遇到input(button) onclick事件调用js方法后，即使使用return false仍执行onserverclick事件，导致后台方法多次触发，引发数据库多条记录插入。通过对比分析input(button)和Asp:Button的事件处理，发现OnClientClick和onclick等效，onserverclick和OnClick等效。解决方法见：http://blog.csdn.net/gchonghavefun/article/details/8112830

摘要由CSDN通过智能技术生成

最近的项目中遇到一个问题，input(button)的onclick事件调用js方法之后，虽然在方法中写了return false，却依旧执行了onserverclick事件调用的后台方法，然后换成Asp:Button，写在OnClientClick事件中，也执行了OnClick事件。不仅是提交部分，在网络较慢的情况下，后台btnSubmit_ServerClick事件会多次触发，导致向数据库插入了多条资料。

此处需注意的就是如下两个按钮中，inptut(button)的onclick方法和Asp:Button的OnClientClick方法等效，onserverclick方法和OnClick方法等效。

<input type="button" id="btnSubmit" runat="server" value="確定" οnclick="CheckInfoAdd();" onserverclick="btnSubmit_ServerClick" />
<asp:Button ID="btnSubmit" runat="server" Text="确定" OnClick="btnSubmit_ServerClick" OnClientClick="CheckInfoAdd