2009-09-30 85 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