chinafine

Asp.net,Windows Mobile,Windows Server 醉心于.NET
posts - 105, comments - 67, trackbacks - 6, articles - 244
  博客园 :: 首页 :: 新随笔 :: 联系 :: 订阅 订阅 :: 管理

防止asp.net页面多次提交数据

Posted on 2008-07-03 15:45 chinaifne 阅读(1021) 评论(5) 编辑 收藏

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

    protected void Page_Load(object sender, EventArgs e)

    {

            //.net1.1

            Button1.Attributes.Add("onclick", "this.disabled=true;" + this.GetPostBackEventReference(this.Button1));

            //.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);
    }
 }

可见当点击了按钮,需要等5秒钟按钮才能点击。即页面回发一后按钮才能用。这样可以有效的防止用户多次点击按钮,造成多次提交!

Feedback

#1楼  回复 引用   

2008-07-18 12:03 by killer123[未注册用户]
用验证控件就不好使了~
始终要提交数据~

#2楼  回复 引用 查看   

2008-07-18 15:15 by 斧头帮少帮主      
试了下,好像不能控制F5啊,即点button后,再按F5,还是能重复提交!难道要用JS把F5屏蔽掉?

#3楼  回复 引用   

2008-08-07 21:08 by thy[未注册用户]
有問題,提交後出現js的錯誤信息

#4楼  回复 引用 查看   

2010-10-16 12:29 by 敬辉      
主要还是要靠后台逻辑来控制,界面上的控制不可能完全防得住.

#5楼  回复 引用 查看   

2011-08-13 14:35 by 肉.肉      
學習!