防止ASP.NET按钮重复提交的JavaScript实现

ASP.NET按钮防重复提交方案

在ASP.NET开发场景中，当用户点击按钮触发后台逻辑时，若在前一次提交尚未完成时再次点击，可能导致后台代码被执行两次，或者在前一次执行完毕后立即再次执行。这两种情况均非预期行为，通常需要通过前端手段进行控制。以下方案已在IE浏览器及傲游浏览器极速模式下验证可用。

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>ODP连接测试</title>
<script>
function submitTest(btn) {
btn.value = "正在等待后台数据更新";
btn.onclick = onDealing;
        } 
function onDealing() {
alert('处理中');
return false;
        } 
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:Button ID="Button1" runat="server" Text="注册" onclick="Button1_Click" OnClientClick="submitTest(this);" />
</div>
<div>
<asp:GridView ID="GridView1" runat="server">
</asp:GridView>
</div>
</form>
</body>
</html>