jquery validate 插件组合字段验证

Question

在一张表单上，我在表单的一行上有城市、州、邮政编码(在一个 block 元素内)。

我的验证插件错误 div 可以很好地在表单 div 下滑动，以便该消息是上下文相关的。

有没有办法组合一个规则，使其不再是 3 个单独的验证规则？换句话说，如果城市为空，或州为空，或邮政编码为空，我只想触发一条错误消息 div“需要城市、州和邮政编码”。同样，如果 3 个中的 2 个或 3 个中的 3 个为空，我仍然希望 validate 仅返回一个错误 div。

Answer 1

您可以根据需要使用groups 和errorPlacement 选项。例如(取自 http://docs.jquery.com/Plugins/Validation/validate ):

$("#myform").validate({
  groups: {
    username: "fname lname"
  },
  errorPlacement: function(error, element) {
     if (element.attr("name") == "fname" 
                 || element.attr("name") == "lname" )
       error.insertAfter("#lastname");
     else
       error.insertAfter(element);
   },
   debug:true
 });