jquery - jquery 中每个循环内的每个

Question

我有一个包含字段元素的表单，其中包含必需、class1、class2、class3 等类。现在我需要迭代所有元素，如果不满足上述任何一个类，则显示错误消息。我已经根据需要编写了下面的jquery。现在我还需要级联其他类。有人可以指导我吗？

<input class="required allowalphanum allownospace" type="text" id="first_name" name="first_name" title="First name is required or the data entered was invalid" value=""/>
<input class="required allowalphanum allownospace" type="password" id="password" name="password" title="Password is required or the data entered was invalid" value=""/>
<input class="required confmpasswrd" type="password" id="cnfmPassword" name="cnfmPassword" title="Password needs to match the above field" value=""/>

jQuery fn

$('#submit_form .required').filter(':visible').each(function () {
var input = $(this);
input.next('ul.errormessages').remove();
input.removeClass('highlight');
if (!input.val()) {
    input.addClass('highlight');
    var msg = $(this).attr('title');
    input.after('<ul class="errormessages"><li>'+msg+'</li></ul>');
    returnVal = false;
}
});

现在我需要首先检查所需的类是否满足。然后我还需要检查其他类是否允许字母数字、allownospace、cnfmPassword 等。

有人可以指导我吗？

Answer 1

用这个你可以检查 elem 是否有你的类:

if ($('elem').hasClass('yourClass')) {
    // do stuff
}

使用$.each，您可以传入当前索引和元素:

$('selector').each(function(i, e){
    if ($(e).hasClass('yourClass')) {   // e becomes each elem in the $('selector') object
        // do stuff with $(e)
    }
})

您可以检查多个类:

$('selector').each(function(i, e){
    if ($(e).hasClass('yourClass') && $(e).hasClass('yourOtherClass') && $(e).hasClass('yourStuffOverHere')) {
        // do stuff
    }
})