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

时间:2009-09-24 02:59:12

标签: jquery validation

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

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

示例表格工作流程

面板1:用户详细信息 - >第2小组:用户位置 - >第3小组:用户信息 - >第4小组:确认细节

我正在使用jQuery Validation plugin

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

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

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

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

2 个答案:

答案 0 :(得分:1)

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

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

答案 1 :(得分:0)

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

查看文档,您似乎可以验证每个元素,因此onclick(验证第一页)......等等

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

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

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