Question

我的jQuery密码验证语句出现问题。即使在调试之后我也无法查明问题。我不确定它的变量是uc，lc和nm但是agin，调试时没有错误，有什么帮助吗？

var pFields = $('#pword1, #pword2'),
    p1 = $('#pword1'),
    p2 = $('#pword2'),
    p1Val = p1.val(),
    p2Val = p2.val();

var uc = (p1Val.match(/[A-Z]/)) ? 1 : 0,
    lc = (p1Val.match(/[a-z]/)) ? 1 : 0,
    nm = (p1Val.match(/[0-9]/)) ? 1 : 0;


pFields.on('blur', function() {

    if(p1Val == "") {

        p1.removeClass('success').addClass('error');
        alert('p1 is empty');
    } else if(p2Val == "") {

        p2.removeClass('success').addClass('error');
        alert('p2 is empty');
    } else if(p1Val != p2Val) {

        pFields.removeClass('success').addClass('error');
        alert('p fields do not match');
    } else if(!uc) {

        p1.removeClass('success').addClass('error');
        alert('add a uc');
    } else if(!lc) {

        p1.removeClass('success').addClass('error');
        alert('add a lc');
    } else if(!nm) {

        p1.removeClass('success').addClass('error');
        alert('add a nm');
    } else {

        pFields.removeClass('error').addClass('success');
        alert('success');
    }
});

Answer 1

问题是您的变量（输入字段值）是在app init上设置的。所以.on('blur')即使填写了输入字段，也要检查变量而不是输入字段值。

将变量放在.on('blur')范围内：

var pFields = $('#pword1, #pword2'),
    p1      = $('#pword1'),
    p2      = $('#pword2');

pFields.on('blur', function() {

    var p1Val = p1.val(),
        p2Val = p2.val(), 
        uc    = (p1Val.match(/[A-Z]/)) ? 1 : 0,
        lc    = (p1Val.match(/[a-z]/)) ? 1 : 0,
        nm    = (p1Val.match(/[0-9]/)) ? 1 : 0;

    //... rest of your code ...

JSFiddle

jquery验证语句不起作用

1 个答案: