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

【问题标题】：How Can I Implement A Tabbed Form Submission in Jquery如何在 Jquery 中实现选项卡式表单提交
【发布时间】：2009-09-30 08:33:30
【问题描述】：

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

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

对此有什么想法吗？

【问题讨论】：

【解决方案1】：

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

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

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

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

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

【讨论】：

试过了，但是 onfortunateluy 我在一个选项卡中处理 20 多个字段，因此验证每个字段会给我一个非常重复和臃肿的代码。我正在使用 flowplayer 的选项卡，我选择在整个表单中不受限制地进行选项卡导航:)
您不必逐个查看每个元素并为每个元素编写代码。当您使用 (".tabl") 时，它会自动选择所有具有类 tab1 的元素。您将收到字段的相应消息。