jquery validate plugin覆盖所需的错误消息:

时间:2013-08-23 21:39:06

标签: jquery jquery-validate override

所以我一直在尝试使用“必需”类对所有字段进行全局覆盖。我得到了它,所以我可以为任何未通过验证的字段添加红色背景,如下所示:

$("#signup_form").validate({
    errorClass: "validateError"
});

我尝试过使用errorPlacement:函数,就像其他人提到的那样删除错误参数,如下所示:

$("#signup_form").validate({
    errorClass: "validateError"
    errorPlacement: function (error, elemenet) {
       error.remove();
    },
});

这完全取消了验证。

一个论坛提到我需要指定验证可以预期的每个字段,并覆盖默认的“必需”消息,使其成为消息:函数中的任何内容。如何在全局设置它,因为此设置需要是动态的,以预测任何需要设置类的字段?

非常感谢

1 个答案:

答案 0 :(得分:4)

要设置具有验证错误的元素的样式,您只需使用CSS定位默认类的错误。默认类为error

.error {
    background-color: #ff0000;
}

或者更具体地说:

input.error {
    background-color: #ff0000;
}

要全局更改此插件的验证错误消息,请使用以下命令:

jQuery.extend(jQuery.validator.messages, {
    required: "your message here"
});

参考:https://stackoverflow.com/a/2457053/594235


要完全删除所有错误消息,只需在return false;回调函数中放置errorPlacement

errorPlacement: function () {
    return false;
}

DEMO http://jsfiddle.net/eP5HF/