【ASP.NET】防止ASP.NET按钮多次提交的办法
网上查了很多方法，都不太好使，不如自己写一个，思路就是把按钮按下时用Javascript在客户端把按钮下一次的onclick事件改为return false; 这样在服务器端页面重新送回客户端之前，再次点击按钮都不会Post到服务端。同时将按钮的style改为一行字的样子，光标也变成沙漏状。当服务端页面重新产生后Button又会回到初始状态。该方法对于F5刷新还不能防范，只是简单封闭了F5的按键，为了防止刷新时再次提交可以在页面返回前将一些TextBox控件清空，这样就可以判断如果该TextBox为空则不再进行后续操作（如写库）。 主要是考虑在企业内网使用，不是为了防黑客，所以不是非常严格。
服务器端代码,故意让其延时等待3秒后再输入，以模拟数据库操作等慢速动作。
1
<html xmlns="http://www.w3.org/1999/xhtml">
2<head runat="server">
3 <title>禁止多次提交网页测试</title>
4
<style type="text/css">
5
.disable
6
{
7 border-style:none;
8 border-width: thin;
9 background-color:Transparent;
10 color: #CCCCCC;
11 cursor:wait;
12
}
13
</style>
14 <script type="text/javascript" language="javascript">
15 function DisableButton()
16 {
17 document.getElementById("Button2").className = "disable";
18 document.getElementById("Button2").value = '正在提交
.';
19 document.getElementById("Button2").onclick=Function("return false;");
20 return true;
21 }
22 document.onkeydown=mykeydown;
23 function mykeydown()
24 {
25 if(event.keyCode==116) //屏蔽F5刷新键
26 {
27 window.event.keyCode=0;
28 return false;
29 }
30 }
31 </script>
32
33</head>
34<body>
35 <form id="form1" runat="server">
36 <div>
37 输入一些内容<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
38 <br />
39 <asp:ListBox ID="ListBox1" runat="server" Height="77px" Width="332px">
40 </asp:ListBox><br />
41 <asp:Button ID="Button2" runat="server" Text="OK" Width="77px"
42 onclick="Button2_Click" />
43 </div>
44
45 </form>
46</body>
47</html>
48
<html xmlns="http://www.w3.org/1999/xhtml">2
<head runat="server">3
<title>禁止多次提交网页测试</title>4
<style type="text/css">
5
.disable6
{
7
border-style:none; 8
border-width: thin; 9
background-color:Transparent; 10
color: #CCCCCC; 11
cursor:wait;12
}13
</style>14
<script type="text/javascript" language="javascript">15
function DisableButton()16
{17
document.getElementById("Button2").className = "disable";18
document.getElementById("Button2").value = '正在提交.';19
document.getElementById("Button2").onclick=Function("return false;");20
return true;21
}22
document.onkeydown=mykeydown; 23
function mykeydown()24
{ 25
if(event.keyCode==116) //屏蔽F5刷新键 26
{ 27
window.event.keyCode=0; 28
return false; 29
} 30
} 31
</script>32
33
</head>34
<body>35
<form id="form1" runat="server">36
<div>37
输入一些内容<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>38
<br />39
<asp:ListBox ID="ListBox1" runat="server" Height="77px" Width="332px">40
</asp:ListBox><br />41
<asp:Button ID="Button2" runat="server" Text="OK" Width="77px"42
onclick="Button2_Click" />43
</div>44
45
</form>46
</body>47
</html>48
服务器端代码,故意让其延时等待3秒后再输入，以模拟数据库操作等慢速动作。
1public partial class Default2 : System.Web.UI.Page
2{
3 static public int count = 0;
4 protected void Page_Load(object sender, EventArgs e)
5 {
6 if (!IsPostBack)
7 {
8 Button2.Attributes.Add("onclick", "return DisableButton();");
9 }
10 }
11
12 protected void Button2_Click(object sender, EventArgs e)
13 {
14 if (TextBox1.Text != string.Empty)
15 {
16 System.Threading.Thread.Sleep(3000);
17 count++;
18 ListBox1.Items.Add(new ListItem("Hello "+TextBox1.Text + " 这是你第" + count.ToString() + "次点击 " + DateTime.Now.ToString()));
19 TextBox1.Text = "";
20 }
21 }
22}
public partial class Default2 : System.Web.UI.Page2
{3
static public int count = 0;4
protected void Page_Load(object sender, EventArgs e)5
{6
if (!IsPostBack)7
{8
Button2.Attributes.Add("onclick", "return DisableButton();");9
}10
}11
12
protected void Button2_Click(object sender, EventArgs e)13
{14
if (TextBox1.Text != string.Empty)15
{16
System.Threading.Thread.Sleep(3000);17
count++;18
ListBox1.Items.Add(new ListItem("Hello "+TextBox1.Text + " 这是你第" + count.ToString() + "次点击 " + DateTime.Now.ToString()));19
TextBox1.Text = "";20
}21
}22
}
