在選項卡式表單上的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'; 
}; 

獲取隱藏標籤中的字段。