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

对“添加”、“提交”、“保存”、“更新”等按钮需要对数据库进行写操作的按钮,一定要在页面初始化时加载脚本,防止多次重复点击,例如:

 

  protected void Page_Load(object sender, EventArgs e) { //.net 2.0以上 Button1.Attributes.Add("onclick", "this.disabled=true;" + this.ClientScript.GetPostBackEventReference(Button1, "")); }

 

测试页面:

为了测试,我们可以建立一个页面,加入一个btnAdd按钮 <%@ Page Language="C#" AutoEventWireup="true" CodeFile="AddAndEditUser.aspx.cs" Inherits="AddUser" %><html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title>添加和编辑页面示例</title> </head> <body> <form id="frmMain" runat="server"> <asp:Button ID="btnAdd" runat="server" CssClass="INPUT-BUTTON-Save" OnClick="btnAdd_Click"> </asp:Button> </form> </body> </html> /*---------------------------------------------------------------- using System; using System.Collections; using System.Configuration; using System.Data; using System.Linq; using System.Web; using System.Web.Security; using System.Web.UI; using System.Web.UI.HtmlControls; using System.Web.UI.WebControls; using System.Web.UI.WebControls.WebParts; using System.Xml.Linq; public partial class AddUser : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) { btnAdd.Attributes.Add("onclick", "this.disabled=true;" + this.ClientScript.GetPostBackEventReference(btnAdd, "")); } protected void btnAdd_Click(object sender, EventArgs e) { //模拟网络拥塞5秒钟 System.Threading.Thread.Sleep(5000); } } 

 

 

    还有可以用Javascript 在客户端把按钮下一次的onclick事件改为return false; 这样在服务器端页面重新送回客户端之前,再次点击按钮都不会Post到服务端。同时将按钮的style改为一行字的样子,光标也变成沙漏状。当服务端页面重新产生后Button又会回到初始状态。该方法对于F5刷新还不能防范,只是简单封闭了F5的按键,为了防止刷新时再次提交可以在页面返回前将一些TextBox控件清空,这样就可以判断如果该TextBox为空则不再进行后续操作(如写库)。 或是后台操作成功后跳转到另一个页面以防止恶意刷新。主要是考虑在企业内网使用,不是为了防黑客,所以不是非常严格。  

 

  《br/> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title>禁止多次提交网页测试</title> <mce:style type="text/css"><!-- .disable { border-style:none; border-width: thin; background-color:Transparent; color: #CCCCCC; cursor:wait; } --></mce:style><style type="text/css" mce_bogus="1"> .disable { border-style:none; border-width: thin; background-color:Transparent; color: #CCCCCC; cursor:wait; } </style> <mce:script type="text/javascript" language="javascript"><!-- function DisableButton() { document.getElementById("Button2").className = "disable"; document.getElementById("Button2").value = '正在提交.'; document.getElementById("Button2").onclick=Function("return false;"); return true; } document.onkeydown=mykeydown; function mykeydown() { if(event.keyCode==116) //屏蔽F5刷新键 { window.event.keyCode=0; return false; } } // --></mce:script> </head> <body> <form id="form1" runat="server"> <div> 输入一些内容<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox> <br /> <asp:ListBox ID="ListBox1" runat="server" Height="77px" Width="332px"> </asp:ListBox><br /> <asp:Button ID="Button2" runat="server" Text="OK" Width="77px" onclick="Button2_Click" /> </div> </form> </body> </html>       

你可能感兴趣的:(JavaScript,server,function,asp.net,button,textbox)