ASP.net + JavaScript 防止使用者重複一直按按鈕
2009/12/10
筆記一下一個小技巧:
在ASP.net 下面有時候要傳檔案不希望使用者等的不耐煩一直按上傳按鈕
所以可以用這方法避免使用者一直按..XD..畢竟得把一般使用者當作麻瓜~~
方法如下...
稍微解釋一下這是一個button 假設按下去之後會上傳
<asp:button id="Button1" runat="server" text="Button" onclick="Button1_Click" onclientclick="AntiDoubleClick(this)" />
之後我在 onclientclick 加上呼叫一個javascript function 叫做AntiDoubleClick(this);
Code 如下..
<script>
var _f = 0;
function AntiDoubleClick(obj) {
if (_f > 0) {
alert("上傳中請耐心等候");
obj.disabled = 'disabled';
}
_f++;
}
</script>
我測試過了..這樣就可以防止使用者一直點..雖然我不覺得我這是最佳解..但是可以work..
chrome , firefox , ie8 目前看起來都沒問題..
訂閱:
張貼留言 (Atom)
0 意見:
張貼留言