Jquery 如何禁用默认验证通知?
我正在尝试使用验证表单,但很难确定是否可以覆盖显示错误消息的默认验证方法。默认操作似乎是在无效字段之后立即显示与表单字段相关的错误消息 与其这样做,我只想突出显示有错误的字段,并在表单顶部显示错误列表。通过使用invalidHandler,我在validate插件的文档中发现了类似的内容,但这并没有禁用在无效字段旁边显示错误消息,也不允许我捕获错误消息并将其放在表单顶部Jquery 如何禁用默认验证通知?,jquery,jquery-plugins,jquery-validate,Jquery,Jquery Plugins,Jquery Validate,我正在尝试使用验证表单,但很难确定是否可以覆盖显示错误消息的默认验证方法。默认操作似乎是在无效字段之后立即显示与表单字段相关的错误消息 与其这样做,我只想突出显示有错误的字段,并在表单顶部显示错误列表。通过使用invalidHandler,我在validate插件的文档中发现了类似的内容,但这并没有禁用在无效字段旁边显示错误消息,也不允许我捕获错误消息并将其放在表单顶部 $("#myform").validate({ debug: true, invalidHandler: fu
$("#myform").validate({
debug: true,
invalidHandler: function(form, validator) {
var errors = validator.numberOfInvalids();
if (errors) {
var message = errors == 1
? 'You missed 1 field. It has been highlighted'
: 'You missed ' + errors + ' fields. They have been highlighted';
$("div#errorMessage span").html(message);
$("div#errorMessage").show();
} else {
$("div#errorMessage").hide();
}
},
rules: {
name: (required: true}
},
messages: {
name: "You must give your name"
}
});
提前感谢您的帮助。Jquery Validate有许多选项可用于自定义错误消息的显示方式。您可以在这里看到所有选项 errorLabelContainer在您定义的元素中显示错误消息,而不是在字段旁边
$("#myform").validate({
debug: true,
errorLabelContainer: "div#errorMessage",
wrapper: "li",
rules: {
name: (required: true}
},
messages: {
name: "You must give your name"
}
});
wrapper选项允许您将消息包装在一个元素中,在本例中是一个li
可以使用高亮显示和取消高亮显示来管理包含错误的元素的格式
$(".selector").validate({
showErrors: function(errorMap, errorList) {
$("#summary").html("Your form contains "
+ this.numberOfInvalids()
+ " errors, see details below.");
}
})