选项卡表单上的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'; 
};

获取隐藏标签中的字段。