如何在Jquery中实现选项卡式表单提交

Question

我遇到的问题是字段验证

1. 如果标签1中的字段无效，请不要转到其后的任何其他标签

2. 如果所有字段都合格，请转到下一个标签

3. 重复过程

4. 最后一个标签提交表格

问题是，我有一个单独的表格，我把它分成了标签。如果我使用jquery验证插件，它会验证整个表单，包括不在选项卡1的字段，这会使整个表单无效，因此尽管所有字段都有效，我仍然会卡在选项卡1上。

关于这个的任何想法？

Answer 1

您可以根据标签对控件进行分组，方法是提供虚拟css类属性，如：

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

现在在触发标签更改时，使用一个函数来验证属于该字段的字段：

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

PS： - 我不知道你用什么用于标签。当用户单击选项卡以停止进入下一个选项卡时，如果当前的选项卡具有无效控件，则需要连接回调函数以触发验证。