2011-06-06 25 views
0

所以我有一個相當大的形式與兩個不同的部分。兩部分都隱藏起來:我怎樣才能jquery /驗證與表格中的兩個部分?

<fieldset class="section1" style="display:none"> 
//...input fields 
</fieldset> 
<fieldset class="section2" style="display:none"> 
//...input fields 
</fieldset> 

顯示的部分取決於用戶選擇哪個單選按鈕。這一切都很好,直到我進行驗證。我怎樣才能使用jQuery/Validation插件驗證表單,但是隻驗證正在顯示的部分?

注意:還有其他部分總是顯示,所以我寧願沒有兩個單獨的窗體。

回答

5

,你可以爲你的窗體的隱藏區中的元素ignore驗證規則:

$('#myForm').validate({ 
    ignore: 'fieldset:hidden :input', 
    ... 
}); 
+1

簡單。優雅。工作。謝謝。 – 2011-06-06 17:50:29

+1

或'ignore:':not(:visible)'' – 2013-02-19 14:44:43