检查是否所有字段都有hasClass错误

时间:2013-09-12 10:02:11

标签: jquery

$("input[type=text]").on('focusout', function(){
    if($(this).each().hasClass('valid')){
        alert('go');
    }
});

当用户完成填写所有字段时,我想检查字段是否通过我的验证是否通过检查是否每个都有'有效'的类...但是在控制台中我得到了这个错误

Uncaught TypeError: Cannot call method 'call' of undefined 

1 个答案:

答案 0 :(得分:3)

.each方法用于迭代jQuery集合,你使用它是错误的,如果你想检查所有输入都有valid类,你可以比较它的长度输入集合,其长度为已过滤的.valid个。或使用.not()方法:

var $inputs = $("input[type=text]");

$inputs.on('blur', function(){
    if ( $inputs.length === $inputs.filter('.valid').length ) {
       // all fields are valid
    }
});

使用.not()方法:

if ( !$inputs.not('.valid').length ) {
   // all fields are valid
} else {
   // at least one of them is not valid
}