2009-09-30 78 views
0

實現選項卡式表單提交我跑的問題是場我怎麼能在jQuery的

  1. 如果一個字段是標籤1無效的驗證,不要去任何其他選項卡後

  2. 如果所有字段都不錯,去到下一個標籤

  3. 重複過程

  4. 最後一個選項卡提交表單

問題是,我有一個單獨的窗體,我把它分成了選項卡。如果我使用jQuery驗證插件,它會驗證整個表單,包括不在標籤1的字段,這會使整個表單無效,從而使我陷入標籤1,儘管所有字段都是有效的。

對此有何意見?

+0

你能否提供一些html代碼? – jantimon 2009-09-30 08:42:47

回答

0

可以根據通過提供虛設css類屬性狀突片組控制:

<input type="text" id="txtName" class="required tab1"/> 

現在起觸發的標籤改變,使用函數來驗證屬於字段的字段:

$("#ID OF YOUR FORM").validate().element(".tab1");//using jquery.validation 

PS: - 我不知道你用什麼標籤。當用戶單擊選項卡時,需要連接回調函數以觸發驗證,以便當前控件具有無效控件時停止轉到下一個選項卡。

+0

試過,但onfortunateluy我正在與單個選項卡中的20+字段,因此驗證每個會給我一個真正重複和bloaty代碼。我使用的是流水遊戲的選項卡,我選擇了無限制地在整個表單中導航標籤:) – yretuta 2009-10-01 02:42:34

+0

您不必去每個元素併爲每個元素編寫代碼。當你使用(「.tabl」)時,它會自動選擇所有具有類tab1的元素。你會得到各個領域的消息。 – TheVillageIdiot 2009-10-01 04:22:03