jQuery只验证可见的元素？

Question

在我的html页面中，我有24个字段，其中有class = "emi"。

这些24个中的0个，6个，12个，18个或24个可以基于我的页面上的下拉列表的值显示。

现在我只需对可见的元素执行验证。

我已经使用jQuery的.hide()和.show()隐藏和显示这些元素

Answer 1

试试这个..

// You will get array of visible controls by this code 
var elementsToValidate = $('.emi:visible'); //or $('.emi').filter(':visible'); 
// perform validation using elementsToValidate 

Answer 2

可以忽略隐藏元素这样

$("#myForm").validate({ 
    ignore: ":hidden", 
    rules: { 
    name: "required", 
    age: "required", 
    height: "required" 
    } 
}); 

在本链接 jquery validator - Validating visible elements only

您也可以使用不

$("#myForm").validate({ignore:":not(:visible)"}); 

Answer 3

使用忽略选项像这样做，并设置

$("#myform").validate({ 
    ignore: ".ignore" 
}); 

OR

$("#myform").validate({ 
    ignore: ":hidden" 
}); 

的jQuery

验证。你可以在http://jqueryvalidation.org/validate/找到它。

Answer 4

这应该是像

$("#myForm").validate({ignore:":not(:visible)"}); 

使用

not(:visible) 

，而不是":hidden"