多个字段的一条validation消息

我遇到了jQueryvalidation的问题,可以使用一些建议。

有没有办法可以validation此表单中的三个电话号码字段,同时只有一个组的错误消息? 任何帮助是极大的赞赏。

形成

脚本(使用jqueryvalidation)

  $("#mForm").validate({ onfocusout:false, focuseInvalid:false, onkeyup:false, rules: { txtPhone1:{ required: true, digits: true, minlength: 3, maxlength: 3 }, txtPhone2:{ required: true, digits: true, minlength: 3, maxlength: 3 }, txtPhone3:{ required: true, digits: true, minlength: 4, maxlength: 4 } }, messages: { txtPhone1: "Your phone number is required.", txtPhone2: "Your phone number is required.", txtPhone3: "Your phone number is required." } }); $("#mForm").submit(function(){ if($(this).valid()){ form.submit(); } else{ } });  

您需要使用groups选项 …

指定错误消息的分组。 组由一个任意组名作为键,一个空格分隔的元素名列表作为值。 使用errorPlacement控制组消息的放置位置。

 groups: { someArbitraryName: "txtPhone1 txtPhone2 txtPhone3" } 

通用演示: http : //jsfiddle.net/3RFsa/

旁注

关于submit处理程序……

 $("#mForm").submit(function(){ if($(this).valid()){ form.submit(); } ... 

这完全是多余的和不必要的,所以我会完全删除它。 默认情况下,只有在/有效时 ,插件才会自动提交表单。 如果除了submit()之外还想做其他事情,可以使用插件的submitHandler回调函数。 如果在表单validation失败时需要执行某些操作,请使用插件的invalidHandler回调函数。