jquery - 选项卡式表单上的 Jquery 验证

Question

我有一个包含 6 个字段的选项卡式表单。单击任何选项卡并且其他选项卡中的字段获取样式时，每个选项卡上都有 3 个字段处于活动状态display:none。如何验证具有样式的字段display:none？

Answer 1

您需要告诉验证器不要忽略任何内容（隐藏字段，不显示任何字段）。

ignore:''会做的。

    $("#formId").validate({
        ignore : '',
        rules : {
             ...
        },
        messages : {
            ...
        }
    });

Answer 2

如果您只是为了检查元素是否可见，

        $(element).is(":visible") or 
        $(element).is(':hidden') or
        $(element).css('display') == 'none' 

如果元素是否隐藏，将返回

Answer 3

您可以声明然后使用该函数：

jQuery.expr[':'].hiddenByParent = function(a) { 
   return jQuery(a).is(':hidden') && jQuery(a).css('display') != 'none'; 
};

获取隐藏选项卡中的字段。