javascript - 来自元素属性的自定义错误消息 : jQuery Validate Plugin

Question

我们正在使用jQuery Validate Plugin用于所有客户端验证。

到目前为止，我们对所有必填字段使用默认错误消息(即“此字段为必填字段”)，但现在我们需要将其更改为特定于字段的错误消息。例如，如果用户没有输入名字，则消息应显示为请输入名字等。

这些是我们尝试过的可能性:

1. 使用 HTML 5 属性 data-rule-required="true" 和 data-msg-required="Madam/sir，此字段为必填字段。"。由于一些其他限制，我们必须避免使用 HTML 5 属性。

2. 在验证表单时提供messages对象: 消息:{ 用户名: {required: "请输入用户名",email: "输入有效的电子邮件"}, 密码:“请输入密码” }, 这种方法的缺点是我们需要修改 html 和 javascipt 文件，并且字段名称必须同步才能使插件正常运行。

我正在寻找与 HTML 5 属性类似的解决方案 - 我可以在其中为输入字段指定自定义属性，插件将从该字段本身获取消息。 像这样的事情:

<input type="text" required errorMessageCustomAttr="Please enter first name" />

我引用了相关的SO问题，但无法找到任何解决方案。有什么办法可以实现这一点吗？

Answer 1

引用OP:

"I am looking for a similar solution to that of HTML 5 attributes - where I can specify a custom attribute to my input fields, the plugin will pick up the message from that field itself."

答案是“否”，这不是插件的选项。

您可以将 HTML5 属性用于自定义消息。由于 jQuery Validate 插件动态禁用 HTML5 验证，因此 HTML5 数据属性只是成为自定义属性。