javascript - jQuery 验证插件中组的自定义错误消息

Question

我正在使用 jQuery 验证插件，我已经开始将我的一些字段组合在一起:

groups: {
fullName: "myFirstName myLastName"
},

我还将这些字段添加到规则部分，以便对它们进行验证:

rules: {
myFirstName: {
required: true
},
myLastName: {
required: true
}
},

这很好用，并为组产生“此字段是必需的”错误。

我的问题在于自定义错误消息。我有以下设置:

messages: {
fullName: "Please enter both your first name and your last name"
}

不幸的是，自定义错误没有显示，只有通用错误。

有没有人有什么想法？

Answer 1

你必须为此使用errorPlacement，并且两者的消息应该相同，例如:

messages: { 
  myFirstName: { required: "Please enter both your first name and your last name" },
  myLastName: { required: "Please enter both your first name and your last name" }
}

然后，假设它们在这里具有相同的 ID，您的 errorPlacement 选项将如下所示:

errorPlacement: {
  var n = element.attr("name");
  if (n == "myFirstName" || n == "myLastName")
    error.insertAfter("#myLastName");
  else
    error.insertAfter(element);
}

群组本身没有消息，它只是告诉插件他们共享一个消息标签。