javascript - 检查密码是否与 jquery 匹配

Question

我正在尝试验证两个输入以使用 jquery 相互匹配，但我找不到方法来做到这一点。我无法让 jquery 获取两个输入的值，因此它无法检查它们是否不匹配。输入是使用 codeignither 进行的，因此对于不熟悉它的人来说 - 第一个输入的 ID 是“pass”，第二个是“pass2”

<tr>
            <td>choose a password:</td>
            <td><?= form_password('password', '', 'placeholder="choose a password" required="required" id="pass"') ?></td>
        </tr>
        <tr>
            <td>re-type the password:</td>
            <td><?= form_password('password2', '', 'placeholder="re-type your password" required="required" id="pass2"') ?></td>
        </tr>

脚本-

$(document).ready(function(){
    var pass = $('#pass').val();
    var pass2 = $('#pass2').val();

    $('#pass2').focusout(function(){
        if(pass != pass2){
            alert('the passwords didn\'t match!');
        }

    });
});

Answer 1

因为您正在阅读文档中的值，而不是在用户更改它们时。将它移到 focusout 内。

$(document).ready(function(){
    $('#pass2').focusout(function(){
        var pass = $('#pass').val();
        var pass2 = $('#pass2').val();
        if(pass != pass2){
            alert('the passwords didn\'t match!');
        }

    });
});