jquery - 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

您也可以使用 not

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

Answer 3

使用忽略选项并设置

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

或者

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

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

Answer 4

这应该像

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

利用

not(:visible)

代替":hidden"