ASP.NET 网速慢时候按钮禁止重复提交
生活随笔
收集整理的這篇文章主要介紹了
ASP.NET 网速慢时候按钮禁止重复提交
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
在網速過慢的時候,點擊提交按鈕沒有反應,用戶連續點擊兩次按鈕的時候,會重復提交兩次或者N次,請問有什么辦法能在用戶提交一次以后,按鈕禁用掉,數據還提交了呢?, 語言環境是asp.net的問題補充:首先,在后臺的點擊事件里面,在事件里面寫 enable=false是不管用的,因為網速過慢,提交還沒有被響應, 其次,在頁面里寫JS腳本,在onclick事件里面寫點擊后禁用 按鈕也不行的,那樣只禁用了按鈕,但是數據沒有提交,有能解答的嗎 常用的方法:
一般我頁面上的按鈕都是圖片按鈕.所以通常情況下.我會在"提交"的圖片按鈕旁邊扔一張普通的<img>.上面是"正在提交"的字樣. 同時是灰色不可用的樣式.默認為<img style="display:none">
.然后為<form>添加onsumit事件.在該事件中隱藏"提交"按鈕.顯示那張普通的圖片.
<form id="form1" runat="server" οnsubmit="document.getElementById('btnSave').style.display='none';document.getElementById('btnSaving').style.display='inline';">
........
<img id="btnSaving" src="images/saving.gif" style="display:none;" οnclick="alert('數據正在提交,長時間無反應請刷新頁面!');" /><asp:imagebutton id="btnSave" Runat="server" ImageUrl="images/save.gif" OnClick="btnSave_Click"></asp:imagebutton>??<a href="#" οnclick="javascript:window.opener=null;window.open('_slef','');window.close();return false;"><img src="images/close.gif" /></a>
</form>
效果是.網速慢的時候.點擊了"提交"按鈕后."提交"按鈕變為"正在提交"按鈕.(實際是一個隱藏.一個顯示).由于是在客戶端修改的服務器端按鈕.所以在回發頁面后不用再次去改變這兩個按鈕的DISPLAY.會自動還原為初始狀態.
如果你的按鈕不是圖片.而是普通的<asp:button id="btnSave">也可以按這種方式做. 在你的"提交"按鈕旁邊扔一個<input type="button" value="正在提交" id="btnSaving" />同樣可以達到效果.
?www.aitaowang8.com
一般我頁面上的按鈕都是圖片按鈕.所以通常情況下.我會在"提交"的圖片按鈕旁邊扔一張普通的<img>.上面是"正在提交"的字樣. 同時是灰色不可用的樣式.默認為<img style="display:none">
.然后為<form>添加onsumit事件.在該事件中隱藏"提交"按鈕.顯示那張普通的圖片.
<form id="form1" runat="server" οnsubmit="document.getElementById('btnSave').style.display='none';document.getElementById('btnSaving').style.display='inline';">
........
<img id="btnSaving" src="images/saving.gif" style="display:none;" οnclick="alert('數據正在提交,長時間無反應請刷新頁面!');" /><asp:imagebutton id="btnSave" Runat="server" ImageUrl="images/save.gif" OnClick="btnSave_Click"></asp:imagebutton>??<a href="#" οnclick="javascript:window.opener=null;window.open('_slef','');window.close();return false;"><img src="images/close.gif" /></a>
</form>
效果是.網速慢的時候.點擊了"提交"按鈕后."提交"按鈕變為"正在提交"按鈕.(實際是一個隱藏.一個顯示).由于是在客戶端修改的服務器端按鈕.所以在回發頁面后不用再次去改變這兩個按鈕的DISPLAY.會自動還原為初始狀態.
如果你的按鈕不是圖片.而是普通的<asp:button id="btnSave">也可以按這種方式做. 在你的"提交"按鈕旁邊扔一個<input type="button" value="正在提交" id="btnSaving" />同樣可以達到效果.
?www.aitaowang8.com
轉載于:https://www.cnblogs.com/activities/archive/2012/02/04/2337943.html
總結
以上是生活随笔為你收集整理的ASP.NET 网速慢时候按钮禁止重复提交的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: c# 值类型数据与引用类型数据
- 下一篇: PHP中集成PayPal标准支付