防止ASP.NET按钮多次提交的办法

最新推荐文章于 2022-04-27 16:41:48 发布

原创最新推荐文章于 2022-04-27 16:41:48 发布 · 618 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#asp.net #function #button #数据库 #input #服务器

ASP.NET 专栏收录该内容

17 篇文章

订阅专栏

本文介绍了在网页表单提交过程中防止用户重复点击提交按钮的两种有效方法：一是通过JavaScript临时禁用提交按钮并更改其显示文本；二是利用ASP.NET服务器控件特性实现相同目的。这些方法有助于避免因网络延迟等原因造成的数据库冗余记录。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

今天在做项目时，碰到了一个问题，当页面在提交时，若网速太慢，用户可能点击多次提交按钮。这样，导致向数据库中插入了多条相同的记录。在网上搜索了一下，终于得一良方，现在拿出来与大家分享。

//方法一：在提交时调用一段客户端的代码。

function a()

{

document.getElementById("btnok").value = '正在提交';

document.getElementById("btnok").onclick=function(){return false;};

return true;

}

<input
 id="btnok" runat="server" type="submit" value="确定" onclick="return
 a();" 

onserverclick="Submit1_ServerClick" />

//方法二：必需要是Asp.net服务器控件。(注意UseSubmitBehavior属性)

<asp:Button
 ID="btnSumbit" runat="server" UseSubmitBehavior="false" 

OnClientClick="this.value='正在提交';this.disabled=true; " 

Text="提交" OnClick="btnSumbit_Click" />