javascript - 匹配密码

Question

我有一段密码匹配代码。我想在输入确认密码字段时验证密码字段中的每个字符。

    var npass = $('#password');
    var rpass = $('#confirmpassword');
    if( npass.val() != rpass.val() ) {
        Val.errors = true;
        Val.showerrors = true;
        $("#confirmpasswordError").html("must match");
        $("#confirmpasswordError").addClass('error-Yes-msg').show();
        $("#confirmpassword").addClass('error-input');
        return false;
    } else {
        $("#confirmpasswordError").removeClass('error-msg').html('');
        $("#confirmpassword").removeClass('error-input');
    }

Answer 1

你明白了。你只需要将它绑定(bind)到盒子的 keyup/keydown 事件。

现场演示: http://jsfiddle.net/FPNBe/2/

$('#password, #confirmpassword').keyup(function() { checkPass(); } );


function checkPass(){
    var rpass = $('#confirmpassword').val();
    var npass = $('#password').val();
    if(npass!= rpass) {
        //Val.errors = true;
        //Val.showerrors = true;
        $("#confirmpasswordError").html("must match");
        //$("#confirmpasswordError").addClass('error-Yes-msg').show();
        //$("#confirmpassword").addClass('error-input');
        return false;
    } else {
        $("#confirmpasswordError").html("match!");
        //$("#confirmpasswordError").removeClass('error-msg').html('');
        //$("#confirmpassword").removeClass('error-input');
    }
}