jquery - 检查新密码是否与确认新密码文本框相同

Question

我有 2 个文本框。第一个用于新密码，旧密码用于确认新密码。

<script>
    var old = $("#old").val();
    var newPass = $("#new_pass").val();
    var ConfirmPass = $("#confirm_pass").val();

    $("#confirm_pass").keyup(function () {
        if (this.value == newPass) {
            $("#check").toggleClass('fa-times fa-check')
        }

    });
</script>

当用户输入新密码然后在确认密码文本框中输入时，我需要更改 fa fa-times 的标签进入fa fa-check .

但是当我将光标放在确认文本框中时，它就变成了 fa fa-check无需输入任何内容。

Answer 1

我建议您将变量移动到绑定(bind)事件内，因为它在文档就绪时始终为空，并且为了确保元素可用，请将事件包装在文档就绪 block 内。

 $(document).ready(function(){

      $("#confirm_pass").keyup(function(e){

              // now put the code here with all vars

       });


 });