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

jquery验证插件覆盖所需的错误消息:,jquery,jquery-validate,overriding,Jquery,Jquery Validate,Overriding,所以我一直在尝试对所有具有“required”类的字段进行全局重写。我得到了它,因此我可以向任何未通过验证的字段添加红色背景,并使用所需的类,如下所示: $("#signup_form").validate({ errorClass: "validateError" }); 我尝试使用其他人提到的errorPlacement:函数来删除错误参数,如下所示: $("#signup_form").validate({ errorClass: "validateError"

所以我一直在尝试对所有具有“required”类的字段进行全局重写。我得到了它,因此我可以向任何未通过验证的字段添加红色背景,并使用所需的类,如下所示:

$("#signup_form").validate({
    errorClass: "validateError"
});
我尝试使用其他人提到的errorPlacement:函数来删除错误参数,如下所示:

$("#signup_form").validate({
    errorClass: "validateError"
    errorPlacement: function (error, elemenet) {
       error.remove();
    },
});
这完全破坏了验证

一个论坛提到,我需要指定验证可能期望的每个字段,并在messages:function中覆盖默认的“required”消息,使其为空。鉴于此设置需要是动态的,以预测需要设置类的任何字段,如何全局设置它


非常感谢为有验证错误的元素设计样式,您只需将CSS中的错误定位到默认类即可。默认类是
error

.error {
    background-color: #ff0000;
}
或者更具体地说:

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

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

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


要完全删除所有错误消息,只需放置一个
returnfalse
errorPlacement
回调函数中:

errorPlacement: function () {
    return false;
}

DEMO

要设置有验证错误的元素的样式,只需将CSS中的错误指向默认类即可。默认类是
error

.error {
    background-color: #ff0000;
}
或者更具体地说:

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

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

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


要完全删除所有错误消息,只需放置一个
returnfalse
errorPlacement
回调函数中:

errorPlacement: function () {
    return false;
}

演示

你想得太多了。默认情况下,插件将class
error
添加到任何有错误的元素中。就这么简单。只要适当地针对你的CSS,这就是解决方案的一部分。另一个问题是“required”的默认消息。我试图全局删除它,但仍然使用error类来控制背景颜色。请参阅下面的完整答案。您考虑过了。默认情况下,插件将class
error
添加到任何有错误的元素中。就这么简单。只要适当地针对你的CSS,这就是解决方案的一部分。另一个问题是“required”的默认消息。我试图全局删除它,但仍然使用error类控制背景颜色。请参阅下面的完整答案。