我已根据此example here:实施了错误摘要
我有fiddle here来证明它:
键入两个字段中的任何一个字段,而错误消息消失,摘要仍然存在.必须有一个我需要订阅的事件,但我无法弄清楚.
$(document).ready(function () {
var validator = validation_rules('#myform');
validator.form();
function validation_rules(form) {
$.validator.addClassRules("fillone",{
require_from_group: [1,".fillone"]
});
var validator = $(form).validate({
errorPlacement: function (error,element) {
var field_error = $(form).find('#id_' + element.attr('name')).siblings('.field_error');
if (field_error.length > 0) {
error.appendTo(field_error);
}
$(field_error).show();
},invalidHandler: function () {
$("#validation_summary").text(validator.numberOfInvalids() + " field(s) are invalid");
}
});
return validator;
}
});
最佳答案
使用errorContainer选项.当表单变为有效/无效时,这将显示/隐藏指定的元素
原文链接:https://www.f2er.com/jquery/428152.htmlerrorContainer:{“#validation_summary”}
例如是http://jsfiddle.net/eDk2m/7
阅读评论后编辑
有一个事件要插入 – 一个很好的例子是插件演示的custom-methods-demo.html页面.看起来像这样
var validator = $("form").bind("invalid-form.validate",function() {
var errorCount = validator.numberOfInvalids();
// do other stuff here
}).validate({...});