jQuery Validation在错误消息中显示输入名称

时间:2014-07-28 17:29:58

标签: jquery-validate

所以我有这个:

<input name="fname" id="fname" data-message-name="First Name" />

我在此表单上运行.validate()并且我的所有错误放置都正确,但我想要所有消息(动态...不必静态输入)以显示属性数据 - 错误消息中的消息名称,而不是说&#39;此&#39;。

现在,我有这个:

$('.validate-form').validate({
    wrapper: "li",
    errorPlacement: function(error, element) {
        error.appendTo( $(element.parents('form').attr('data-error-container')) );
    }
});

它吐出了这个错误:

  

此字段是必填字段。

我想说:

  

First Name字段是必需的。

我查看了文档,但我似乎无法找到详细信息。我准确地使用此插件:http://jqueryvalidation.org/documentation/

感谢您的帮助。

1 个答案:

答案 0 :(得分:1)

如果您正在搜索文档,则无法找到它,因为它不是此插件的功能。

但是,您可以使用element.attr('data-message-name')从您的属性中获取文本并将其合并到您的邮件中。我尝试制作一个演示,但它不可靠且过于复杂。 (原因与调用errorPlacement回调函数的方式/时间有关。一旦将消息放入布局中,回调不会再次触发,但只是切换消息。)

您最好的解决方案是最简单的。只需使用设计的自定义消息选项....

$('.validate-form').validate({
    rules: {
        fname: {
            required: true
        }
    },
    messages: {
        fname: {
            required: "First Name is required"
        }
    },
    ....
});