javascriptで最初にクリックした後にボタンを無効にする方法

Question

私はC＃を初めて使用しています。私はInsertItemTemplateの中にセーブボタンを持っています。私は、最初のクリックをJava Scriptでクリックした後にボタンを無効にするために次のコードを使用しましたが、最初のクリックでは機能しません。

<asp:ImageButton ID="imgbtnSave" runat="server" CommandName="Add" CausesValidation="true" OnClientClick="this.disabled='true';return true;" /> 

Answer 1

あなたは、ブラウザ上のDOMオブジェクトの「無効」プロパティを変更しているが、それがクリックされますと、ボタンがサーバーにポストを行いますので、DOMへの変更は失われます。

サーバーコードでコマンド "Add"を処理する関数では、InsertItemTemplateからボタンを取得し、その "Enabled"プロパティをfalseに設定する必要があり、サーバー側からのコントロールが無効になります。

ページは、あなたがこれを避けるために、クライアント機能を必要とし、このような何かにリロードされていないが、複数のクリックを回避したい場合：

<asp:ImageButton ID="imgbtnSave" runat="server" CommandName="Add" CausesValidation="true" OnClientClick="return checkEnabled(this);" /> 

<!-- somewhere in your page --> 
<script> 
    function checkEnabled(item) 
    { 
     if(item.disabled != 'true') 
     { 
      item.disabled = 'true'; 
      return true; 
     } 

     return false; 
    } 
</script>