Làm thế nào để vô hiệu hóa nút sau một cú nhấp chuột với xác nhận bằng javascript?

Question

Trước tiên, tôi muốn xác thực một số giá trị của trường được nhập vào hay không. Sau đó Khi tôi nhấp vào nút gửi, nút phải được tắt sau một lần nhấp chuột để tránh việc gửi trùng lặp. Làm thế nào để làm điều đó bằng cách sử dụng 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

Bạn có thể thêm một handler onclick để nút của bạn:

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

    //do some validation stuff 
} 

Answer 2

Gọi chức năng submitbtn onclick của nút.

Sử dụng

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

Answer 3

Sử dụng ẩn nhãn và thay đổi giá trị của nó vào ngày 1 nhấp chuột

<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>