快捷導(dǎo)航

注冊(cè)或者點(diǎn)擊按鈕時(shí),怎么防止用戶重復(fù)提交數(shù)據(jù)(實(shí)例講解)

更新時(shí)間：2013年12月14日 09:46:57 作者：

這篇文章主要是對(duì)注冊(cè)或者點(diǎn)擊按鈕時(shí),怎么防止用戶重復(fù)提交數(shù)據(jù)進(jìn)行了介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助

asp.net實(shí)現(xiàn)點(diǎn)擊按鈕后設(shè)按鈕不可用并提交

<asp:Button ID="Button1" runat="server" Text="123456" OnClientClick="this.disabled=true;this.form.submit(); "  UseSubmitBehavior= "False"  onclick="Button1_Click" />

客戶端加載的時(shí)候，重新將這個(gè)操作再啟動(dòng)

復(fù)制代碼代碼如下:

    <script language="javascript" type="text/javascript">
        function controlButton(flag) {
            var btnObj = document.getElementById("Button1");
            btnObj.disabled = flag;    
        }

    </script>
</head>
<body onload="controlButton(false);">

后臺(tái)代碼：

復(fù)制代碼代碼如下:

protected void Button1_Click(object sender, EventArgs e)
        {
            Thread.Sleep(3000);
            Response.Write("123213<br>");
            Response.Write("123213<br>");
            Response.Write("123213<br>");
        }

如果頁(yè)面按鈕很多，那么可以采用另一種方式：

后臺(tái)page_load代碼：

復(fù)制代碼代碼如下:

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

前臺(tái)button的代碼：

復(fù)制代碼代碼如下:

 <asp:button id="BtnSend" runat="server" Width="80px" ForeColor="White" 
                Text="發(fā)送" BackColor="#376091" BorderColor="#FFFFFF" Font-Bold="True" 
                style="height: 24px" Font-Size="13px" BorderStyle="None"   OnClick="BtnSend_Click" ></asp:button>

因?yàn)榭丶膖his.disabled設(shè)置后，控件為禁用狀態(tài)，無(wú)法在回發(fā)調(diào)用后臺(tái)的事件方法，所以必須用GetPostBackEventReference先進(jìn)行回調(diào)后臺(tái)的事件方法后，再調(diào)用disabled=true。

ASP.NET UseSubmitBehavior 屬性

定義和用法
UseSubmitBehavior 屬性規(guī)定按鈕控件使用客戶端瀏覽器內(nèi)建的提交功能，還是使用 ASP.NET 的 postback 機(jī)制。

該屬性被設(shè)置為 TRUE，如果控件使用瀏覽器的提交機(jī)制。否則為 FALSE。默認(rèn)值是 TRUE。

當(dāng)設(shè)置為 FALSE 時(shí)，ASP.NET 會(huì)添加一段客戶端腳本來(lái)回傳該表單。

當(dāng) UseSubmitBehavior 屬性為 false 時(shí)，控件開(kāi)發(fā)人員可以使用 GetPostBackEventReference 方法來(lái)返回 Button 的客戶端回發(fā)事件。GetPostBackEventReference 方法返回的字符串包含客戶端函數(shù)調(diào)用的文本，可以插入到客戶端事件處理程序中。

語(yǔ)法
<asp:Button UseSubmitBehavior="TRUE|FALSE" runat="server" /> 實(shí)例
下面的例子使用 ASP.NET 的 postback 機(jī)制：

復(fù)制代碼代碼如下:

<form runat="server">
Click the button:
<asp:button id="Button1" runat="server"
Text="Submit" onclick="SubmitBtn"
UseSubmitBehavior="FALSE" />
<br />

<asp:label id="lblMsg" runat="server"/>
</form>

您可能感興趣的文章: