帮助jQuery Validation插件和使用“面板”的表单

Question

我有一个在“部分”中使用的表单，我将其称为“面板”。

默认情况下，表单在页面上列出，一个面板在另一个面板之后。但是，使用JavaScript，它会将面板放入一个面板查看器中，并依次显示它们（使用上一个/下一个按钮）。

示例表格工作流程

面板1：用户详细信息 - ＆gt;第2小组：用户位置 - ＆gt;第3小组：用户信息 - ＆gt;第4小组：确认细节

我正在使用jQuery Validation plugin。

我的问题是，我已经为前3个面板中的所有输入设置了所有规则，并且我希望每个面板只能验证它们的子集。例如，在完成名称＆amp;之后按下“下一个面板”电子邮件（在第1个，用户详细信息面板中），我想首先在该面板上进行验证，然后获得布尔响应（如果验证了第1个面板），如果为true，然后进入下一个小组。

我已经玩了一些配置，但遗憾的是无法让它按照我想要的方式工作。这是我第一个使用这个插件的项目，所以我对它很陌生！

有没有办法动态地向插件添加规则？即不在$('form').validate(options)？

我想做的是，在表单上调用validate()，包含所有错误消息，然后在“下一个面板”代码上，执行切换案例以确定要添加的规则，然后自己打电话给validate()。

Answer 1

你在做这样的事情multi-part form validation吗？

哇，甚至没有注意到这篇文章的年龄，我猜你现在已经找到了/找到了解决办法=）。

Answer 2

<德尔> 你不能这样做： next.onclick（验证表单） 隐藏以下面板的错误 显示下一个面板

查看文档，您似乎可以验证每个元素，因此onclick（验证第一页）......等等

http://docs.jquery.com/Plugins/Validation/Validator/element#element

或者您可以使用以下方法为验证添加方法：

http://docs.jquery.com/Plugins/Validation/Validator/addMethod#namemethodmessage