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

最新推荐文章于 2019-07-17 23:10:48 发布

yjlwl1213

最新推荐文章于 2019-07-17 23:10:48 发布

阅读量679

点赞数

分类专栏： asp.net 文章标签： asp.net button textbox server javascript function

本文链接：https://blog.csdn.net/yjlwl1213/article/details/4062490

版权

asp.net 专栏收录该内容

20 篇文章 0 订阅

订阅专栏

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

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"></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"></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" οnclick="Button2_Click" /> </div> </form> </body> </html>