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

点击按钮调用功能submitbtn。

使用

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

Answer 3

使用隐藏标签并在第一次点击时更改其值

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

如何在使用javascript验证一次后禁用按钮？

3 个答案: