jQuery 验证自定义消息答案

【问题标题】：jQuery Validate custom messagesjQuery 验证自定义消息
【发布时间】：2013-05-21 23:58:26
【问题描述】：

我有一个输入，我想在用户未填写时显示自定义错误消息。

    <input type="text" class="foo" value="" data-prop="foo" data-rules="{ required: true }"></input>

如何向此特定输入添加自定义错误消息？

【问题讨论】：

类似于soupenvy在这里建议stackoverflow.com/questions/6777634/…的东西能解决你的问题吗？
@BenjaminGruenbaum 很可能没有。我宁愿避免 jQuery 只覆盖一个消息。没有办法用属性来设置它吗？

标签： jquery html jquery-validate custom-data-attribute

【解决方案1】：

用途：

data-msg-required="Please enter something here!"

这是一个演示 HTML 代码：https://github.com/jzaefferer/jquery-validation/blob/master/demo/custom-messages-data-demo.html

JS Fiddle 演示：http://jsfiddle.net/leniel/VuPPy/48/

【讨论】：

你让我的生活变得轻松
@San: 很高兴能帮上忙... :-)
我还有一个小问题，我正在使用 data-rule-range="[14,30]" 作为 html5 表单中的范围。我正在使用 jquery stepy 的多步表单插件，它使用 jquery validate。我如何才能使用仅使用字母的字段。我可以使用数据正则表达式之类的东西？？？
@San... 请提出一个新问题。这看起来是一种更好的处理方式，而不是在评论中。

【解决方案2】：

如果你使用 jquery-validate.js 库 (https://jqueryvalidation.org/)，你也可以使用 js 来完成这项工作。

查看我的 html 部分：

<input type="text" id="TBBusquedaDescripcionCategoriaEd" name="TBBusquedaDescripcionCategoriaEd" maxlength="300" class="form-control" required>

然后在js中：

var validator = $("#formName").validate({
        rules: {
            TBBusquedaDescripcionCategoriaEd: {
                required: true,
                minlength: 4
            }
        },
        messages: {
            TBBusquedaDescripcionCategoriaEd: {
                required: "Mandatory field custom msg",
                minlength: "Minleght custom msg"
            }
        },
        submitHandler: function (form) {...});

【讨论】：