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

我遇到的问题是字段的验证

如果某个字段在选项卡1中无效，请不要转到该字段后面的任何其他选项卡

如果所有字段都正确，请转到下一个选项卡

重复过程

最后一个选项卡提交表单

问题是，我有一个单一的表单，并将其划分为多个选项卡。如果我使用jquery验证插件，它将验证整个表单，包括不在选项卡1的字段，这将使整个表单无效，从而使我停留在选项卡1，尽管所有字段都有效

---

您对此有什么想法吗？

您可以通过提供伪css类属性来根据选项卡对控件进行分组，如：

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

---

PS:-我不知道你用什么做标签。当用户单击某个选项卡时，您需要连接回调函数以触发验证，如果当前选项卡上有无效控件，则无法转到下一个选项卡。

您可以提供一些html代码吗？尝试过了，但幸运的是，我在一个选项卡中使用了20多个字段，因此验证每个字段会给我一个重复且膨胀的代码。我使用的是flowplayer的选项卡，我选择在整个表单中不受任何限制地进行选项卡导航：）您不必转到每个元素并为每个元素编写代码。当您使用（“.tabl”）时，它将自动拾取具有tab1类的所有元素。您将获得相应字段的消息。

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