防止在服務(wù)器處理完成之前用戶多次點(diǎn)擊提交按鈕處理代碼
更新時(shí)間:2012年12月23日 15:24:57 作者:
在提交表單時(shí),如果網(wǎng)頁(yè)速度過(guò)慢或者其他原因,用戶多次提交能導(dǎo)致數(shù)據(jù)的修改,怎么解決這個(gè)問(wèn)題呢,接下來(lái)將為您解決這個(gè)問(wèn)題,需要的朋友可以了解下
如果網(wǎng)頁(yè)速度過(guò)慢或者其他原因,用戶多次提交能導(dǎo)致數(shù)據(jù)的修改,怎么解決這個(gè)問(wèn)題呢?
這段是放在 Page_Load 中
復(fù)制代碼 代碼如下:
if(!Page.IsPostBack)
{
System.Text.StringBuilder s = new System.Text.StringBuilder();
s.Append("a();");
s.Append(this.GetPostBackEventReference(this.Button1));
this.Button1.Attributes.Add("onclick",s.ToString());
}
a() 是 JS
function a()
{
var ok=document.getElementById('Button1');
ok.disabled = true;
return true;
}
濃縮后即為:
復(fù)制代碼 代碼如下:
btnSave.Attributes.Add("onclick","this.disabled='true';"+GetPostBackEventReference(btnSave));
一個(gè)問(wèn)題稍微困擾了一下,后來(lái)解決了,btnSave.Attributes.Add("onclick","a();"+GetPostBackEventReference(btnSave)); 如果a()這個(gè)函數(shù)還包含其他驗(yàn)證,比如說(shuō)一些正則驗(yàn)證等,btnSave.Attributes.Add("onclick","return a();"+GetPostBackEventReference(btnSave)); 則不能進(jìn)行??梢詫S代碼全部在CS文件中寫(xiě)就OK拉。
復(fù)制代碼 代碼如下:
System.Text.StringBuilder s = new System.Text.StringBuilder(); s.Append("var ok=document.getElementById('Button1'); ");
s.Append("ok.disabled = true; ");
s.Append(this.GetPostBackEventReference(this.Button1));
this.Button1.Attributes.Add("onclick",s.ToString());
//.net 2.0以上
Button1.Attributes.Add("onclick", "this.disabled=true;" + this.ClientScript.GetPostBackEventReference(Button1, ""));
或:
復(fù)制代碼 代碼如下:
<asp:Button ID="btnSumbit" runat="server" UseSubmitBehavior="false" OnClientClick="this.value='Sumbit';this.disabled=true; " Text="Sumbit" OnClick="btnSumbit_Click" />
其他的方法(可供嘗試)
方法一:
復(fù)制代碼 代碼如下:
protected void Page_Load(object sender, EventArgs e)
{
btn.Attributes.Add("onclick", "state=true;");
StringBuilder sb = new StringBuilder();
sb.Append("if (!state) return;");
sb.Append("var button=document.getElementByIdx_x('btn');");
sb.Append("button.value='Please Wait...';");
sb.Append("document.body.style.cursor='wait';");
sb.Append("button.disabled=true;");
string strScript = "<script>";
strScript = strScript + "var state=false;";
//將函數(shù)綁定到頁(yè)面的onbeforeunload事件:
strScript = strScript + "window.attachEvent('onbeforeunload',function(){" + sb.ToString() + "});";
strScript = strScript + "</" + "script>";
Page.RegisterStartupScript("onbeforeunload", strScript);
}
protected void Submit_Click(object sender, EventArgs e)
{
//模擬長(zhǎng)時(shí)間的按鈕處理
System.Threading.Thread.Sleep(2000);
Response.Write("<script>alert('bbbbbb!!');" + "</" + "script>");
}
<asp:Button ID="btn" Text="Submit" OnClick="Submit_Click"
runat="server"/>
方法2:
復(fù)制代碼 代碼如下:
<asp:button id="btnSubmit" OnClick="Submit_Click" runat="server" OnClientClick="this.disabled=true;this.form.submit();" UseSubmitBehavior="False"/>
方法3:
復(fù)制代碼 代碼如下:
this.btnSubmit.Attributes["onclick"]=this.GetPostBackEventReference(this.btnSubmit)+";this.disabled=true;";//防止重復(fù)提交
您可能感興趣的文章:
相關(guān)文章
.NET Core3.0創(chuàng)建Worker Services的實(shí)現(xiàn)
這篇文章主要介紹了.NET Core3.0創(chuàng)建Worker Services的實(shí)現(xiàn),文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-10-10asp.net?Core中同名服務(wù)注冊(cè)的實(shí)現(xiàn)代碼
Asp.Net?Core中自帶了容器,同時(shí)也可以使用AutoFac替換掉默認(rèn)的容器,以下為兩種方式同名服務(wù)的注冊(cè)實(shí)現(xiàn),對(duì)asp.net?Core服務(wù)注冊(cè)的實(shí)現(xiàn)代碼感興趣的朋友一起看看吧2022-03-03asp.net(文章截取前幾行作為列表摘要)無(wú)損返回HTML代碼
asp.net(文章截取前幾行作為列表摘要)無(wú)損返回HTML代碼,需要的朋友可以參考下2012-12-12asp.net DataGrid控件中彈出詳細(xì)信息窗口
在DataGrid控件里單擊某一行的超級(jí)鏈接時(shí),彈出一個(gè)新的頁(yè)面顯示出該行的詳細(xì)信息2008-12-12.Net Core 2.2升級(jí)3.1的避坑指南(小結(jié))
這篇文章主要介紹了.Net Core 2.2升級(jí)3.1的避坑指南,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-07-07