网上查了很多方法,都不太好使,不如自己写一个,思路就是把按钮按下时用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
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
服务器端代码,故意让其延时等待3秒后再输入,以模拟数据库操作等慢速动作。
1
public
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}
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}