javascript - 在密码字段在 Javascript 中匹配之前，如何禁用提交按钮？

Question

我在下面有这个 javascript:

 <script type="text/javascript">

    function PassCheck() {

    var password = document.getElementById('password');
    var vpassword = document.getElementById('vpassword');

    if(password.value!= vpassword.value){
        document.getElementById("button1").disabled = true;  
    }
        }  

</script>

HTML代码:

    Password: <input type="password" name="password" id="password" required onchange='PassCheck();'/> <br>
    Verify Password: <input type="password" name="vpassword" required id="vpassword" onchange='PassCheck();'/> <br>
  <input type="submit" value="Submit" id="button1" name="submit" onchange='PassCheck();'/>

提交按钮仅在第一次被禁用，第二次尝试后禁用按钮不起作用。我不确定为什么它不起作用。请帮忙!提前致谢。

Answer 1

您只需添加一个 else 条件，以便在值匹配时重新启用您的按钮:

function PassCheck() {
  var password = document.getElementById('password');
  var vpassword = document.getElementById('vpassword');

  if (password.value != vpassword.value) {
    document.getElementById("button1").disabled = true;
  }
  else {
    document.getElementById("button1").disabled = false;
  }
}

Password: <input type="password" name="password" id="password" required onchange='PassCheck();' /> <br>
Verify Password: <input type="password" name="vpassword" required id="vpassword" onchange='PassCheck();' /> <br>
<input type="submit" value="Submit" id="button1" name="submit" onchange='PassCheck();' />