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 目前看起來都沒問題..


0 意見:

程式 . 生活 . D小調.@2010 | Binary Design: One Winged Angel.