jQuery Validation插件中的组的自定义错误消息

时间:2010-12-10 12:10:25

标签: javascript jquery validation jquery-validate messages

我正在使用jQuery Validation插件,我开始将我的一些字段组合在一起:

groups: {
fullName: "myFirstName myLastName"
},

我还将字段添加到规则部分,以便验证它们:

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

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

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

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

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

有没有人有任何想法?

1 个答案:

答案 0 :(得分:11)

您必须使用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);
}

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