Jquery .is（）类可选用法

Question

进行表单验证时，我遇到了以下代码：

//check each input to ensure it isn't empty
$( "#frmReservation :input" ).each( function(i) {
    if($(this).val() == '' && !$(this).is('.optional'))
    {
        success = false;
    }
});

“可选”是在每个输入上定义的类，也就是可选的。问题是可选子句被忽略。每个输入都包含在div中，但我认为这不重要。建议？

Answer 1

也许试试这个：

if(.. !$(this).hasClass('optional')) 

Answer 2

适合我。

Fiddle

Answer 3

如何使用if($(this).val() == '' && !$(this).hasClass('.optional'))

Answer 4

我对这个问题有点迟了。更好的方法是在聚焦输出时动态检查输入。具有可选类的输入将不计算在内。

$('input').not('.optional').blur(function() {
    if ($(this).val().length < 1) {
        $(this).addClass('error')
    } else {
        $(this).removeClass('error')
    }
})

检查http://jsfiddle.net/m6gdK/1/

处的工作示例