javascriptを使用してワンクリックした後にボタンを無効にする方法はありますか？

Question

まず、入力されたフィールド値の一部を検証する必要があります。その後、送信ボタンをクリックすると、送信が重複しないようにワンクリック後にボタンを無効にする必要があります。どのようにjavascriptを使用してそれを行うには？

<script type="text/javascript" language="javascript"> 
    function ValidateIt() { 
     if (document.getElementById('ddlProblemCategory').value == 0) { 
      alert("Please fill some value"); 
      return false; 
     } 
      return true; 
    } 
    function DisableIt() { 
     if (ValidateIt() == true) 
      document.getElementById('btnSaveProblem').disabled = true; 
    } 
</script> 

Answer 1

あなたがボタンにonclickハンドラを追加することができます。

document.getElementById("idOfButton").onclick = function() { 
    //disable 
    this.disabled = true; 

    //do some validation stuff 
} 

Answer 2

通話機能ボタンのonclickのsubmitbtn。

使用

function submitbtn(){ 
getElementById("Submit_id").disabled=true; 
//Validation code goes here 
} 

Answer 3

使用隠されたラベルとあなたはjqueryのを使用している場合、第一クリック

<script type = "text/javascript" language = "javascript"> 
    function disableButton() { 
     var lblText = document.getElementById('lbl_hdn_text').innerHTML; 
     if (lblText == "true") { 
      document.getElementById('lbl_hdn_text').innerHTML = "false"; 
      return true; 
     } 
     else { 
      return false; 
     } 
    } 
</script> 

<label id="lbl_hdn_text" style = "display:none;" >true</label>