jquery - jQuery 验证自定义消息

Question

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

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

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

Answer 1

利用：

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

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

JS 小提琴演示：http: //jsfiddle.net/leniel/VuPPy/48/

Answer 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) {...});