Skip Navigation Links
技术文档
·网站建设
·软件使用
·图形设计
·程序开发
·网络应用
·电脑技巧
 
公司介绍
·公司简介
·索仕SRCOS网络应用平台
·索仕网站管理系统
·影视广告制作
·联系我们
 
 

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

7/18/2008 2:52:22 PM

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

    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秒钟按钮才能点击。即页面回发一后按钮才能用。这样可以有效的防止用户多次点击按钮,造成多次提交!
 

方法二:

<asp:Button ID="btnSumbit" runat="server" UseSubmitBehavior="false" OnClientClick="this.value='Sumbit';this.disabled=true; " Text="Sumbit" OnClick="btnSumbit_Click" />

 方法三:


 

 1防止asp.net页面多次提交数据<html xmlns="http://www.w3.org/1999/xhtml">
 2防止asp.net页面多次提交数据<head runat="server">
 3防止asp.net页面多次提交数据    <title>禁止多次提交网页测试</title>
 4    <style type="text/css">
 5防止asp.net页面多次提交数据    .disable
 6    {
 7防止asp.net页面多次提交数据        border-style:none; 
 8防止asp.net页面多次提交数据        border-width: thin; 
 9防止asp.net页面多次提交数据        background-color:Transparent; 
10防止asp.net页面多次提交数据        color: #CCCCCC; 
11防止asp.net页面多次提交数据        cursor:wait;
12防止asp.net页面多次提交数据    }

13防止asp.net页面多次提交数据    
</style>
14    <script type="text/javascript" language="javascript">
15防止asp.net页面多次提交数据    function DisableButton()
16    {
17防止asp.net页面多次提交数据        document.getElementById("Button2").className  = "disable";
18防止asp.net页面多次提交数据        document.getElementById("Button2").value = '正在提交防止asp.net页面多次提交数据.';
19防止asp.net页面多次提交数据        document.getElementById("Button2").onclick=Function("return false;");
20防止asp.net页面多次提交数据        return true;
21防止asp.net页面多次提交数据    }

22防止asp.net页面多次提交数据    document.onkeydown=mykeydown;   
23防止asp.net页面多次提交数据    function   mykeydown()
24    {   
25防止asp.net页面多次提交数据        if(event.keyCode==116//屏蔽F5刷新键   
26        {   
27防止asp.net页面多次提交数据            window.event.keyCode=0;   
28防止asp.net页面多次提交数据            return   false;   
29防止asp.net页面多次提交数据        }
   
30防止asp.net页面多次提交数据    }
   
31防止asp.net页面多次提交数据    
</script>
32防止asp.net页面多次提交数据
33防止asp.net页面多次提交数据</head>
34防止asp.net页面多次提交数据<body>
35防止asp.net页面多次提交数据    <form id="form1" runat="server">
36防止asp.net页面多次提交数据    <div>
37防止asp.net页面多次提交数据        输入一些内容<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
38防止asp.net页面多次提交数据        <br />
39防止asp.net页面多次提交数据        <asp:ListBox ID="ListBox1" runat="server" Height="77px" Width="332px">
40防止asp.net页面多次提交数据    </asp:ListBox><br />
41防止asp.net页面多次提交数据        <asp:Button ID="Button2" runat="server" Text="OK" Width="77px"
42防止asp.net页面多次提交数据            onclick="Button2_Click" />
43防止asp.net页面多次提交数据    </div>
44防止asp.net页面多次提交数据    
45防止asp.net页面多次提交数据    </form>
46防止asp.net页面多次提交数据</body>
47防止asp.net页面多次提交数据</html>
48防止asp.net页面多次提交数据


服务器端代码,故意让其延时等待3秒后再输入,以模拟数据库操作等慢速动作。
 

 1防止asp.net页面多次提交数据public partial class Default2 : System.Web.UI.Page
 2{
 3防止asp.net页面多次提交数据    static public int count = 0;
 4防止asp.net页面多次提交数据    protected void Page_Load(object sender, EventArgs e)
 5    {
 6防止asp.net页面多次提交数据        if (!IsPostBack)
 7        {
 8防止asp.net页面多次提交数据            Button2.Attributes.Add("onclick""return DisableButton();");
 9防止asp.net页面多次提交数据        }

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

11防止asp.net页面多次提交数据
12防止asp.net页面多次提交数据    protected void Button2_Click(object sender, EventArgs e)
13    {
14防止asp.net页面多次提交数据        if (TextBox1.Text != string.Empty)
15        {
16防止asp.net页面多次提交数据            System.Threading.Thread.Sleep(3000);
17防止asp.net页面多次提交数据            count++;
18防止asp.net页面多次提交数据            ListBox1.Items.Add(new ListItem("Hello "+TextBox1.Text + "  这是你第" + count.ToString() + "次点击   " + DateTime.Now.ToString()));
19防止asp.net页面多次提交数据            TextBox1.Text = "";
20防止asp.net页面多次提交数据        }

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

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


 

来源:博客园
 
 
 
昆明索仕科技开发有限公司 版权所有 Copyright© 2002-2010 Kunming Source Technology Exploitive Co.,LTD. All Rights Reserved.
电话:0871-5627877 业务QQ:163871 联系我们
本站基于:索仕网站信息管理系统建设 版本 2.0.4325