检查密码是否与jquery匹配

check if passwords match with jquery

本文关键字:jquery 匹配 是否 密码 检查      更新时间:2023-09-26

我试图用jquery验证这两个输入是否匹配,但我找不到方法。我无法让jquery获得这两个输出的值,因此它无法检查它们是否不匹配。输入是用codeignher进行的,所以对于不熟悉它的人来说,第一个输入的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!');
        }
    });
});

因为您正在读取文档上的值,而不是在用户更改它们时。把它移到焦点内。

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

因为您需要将代码编写为

$('#pass2').focusout(function(){
    // get values on the focusout event
    var pass = $('#pass').val();
    var pass2 = $('#pass2').val();
    // test them...
    if(pass != pass2){
        alert('the passwords didn''t match!');
    }
});