jquery验证插件覆盖所需的错误消息:
所以我一直在尝试对所有具有“required”类的字段进行全局重写。我得到了它,因此我可以向任何未通过验证的字段添加红色背景,并使用所需的类,如下所示:jquery验证插件覆盖所需的错误消息:,jquery,jquery-validate,overriding,Jquery,Jquery Validate,Overriding,所以我一直在尝试对所有具有“required”类的字段进行全局重写。我得到了它,因此我可以向任何未通过验证的字段添加红色背景,并使用所需的类,如下所示: $("#signup_form").validate({ errorClass: "validateError" }); 我尝试使用其他人提到的errorPlacement:函数来删除错误参数,如下所示: $("#signup_form").validate({ errorClass: "validateError"
$("#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;
}
演示:你想得太多了。默认情况下,插件将classerror
添加到任何有错误的元素中。就这么简单。只要适当地针对你的CSS,这就是解决方案的一部分。另一个问题是“required”的默认消息。我试图全局删除它,但仍然使用error类来控制背景颜色。请参阅下面的完整答案。您考虑过了。默认情况下,插件将classerror
添加到任何有错误的元素中。就这么简单。只要适当地针对你的CSS,这就是解决方案的一部分。另一个问题是“required”的默认消息。我试图全局删除它,但仍然使用error类控制背景颜色。请参阅下面的完整答案。