jquery 验证插件覆盖所需的错误消息 :

Question

所以我一直在尝试对具有“required”类的所有字段进行全局覆盖。我明白了，这样我就可以向任何未通过所需类验证的字段添加红色背景，如下所示:

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

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

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

这只会完全终止验证。

一个论坛提到，我需要指定验证可能期望的每个字段，并将默认的“必需”消息覆盖为 messages: 函数中的任何内容。我如何全局设置它，因为此设置需要动态才能预测任何需要设置类的字段？

非常感谢

Answer 1

要为存在验证错误的元素设置样式，您只需使用 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

<小时/>

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

errorPlacement: function () {
    return false;
}

演示:http://jsfiddle.net/eP5HF/