我正在尝试使用jQuery Validation Plugin为我的表单添加验证，但是我遇到了一个问题，当我使用输入组时插件会放置错误消息。
$('form').validate({
rules: {
firstname: {
minlength: 3,maxlength: 15,required: true
},lastname: {
minlength: 3,required: true
}
},highlight: function(element) {
$(element).closest('.form-group').addClass('has-error');
},unhighlight: function(element) {
$(element).closest('.form-group').removeClass('has-error');
}
});
解决方法
为了与twitter bootstrap 3完全兼容，我需要覆盖一些插件方法：
// override jquery validate plugin defaults
$.validator.setDefaults({
highlight: function(element) {
$(element).closest('.form-group').addClass('has-error');
},unhighlight: function(element) {
$(element).closest('.form-group').removeClass('has-error');
},errorElement: 'span',errorClass: 'help-block',errorPlacement: function(error,element) {
if(element.parent('.input-group').length) {
error.insertAfter(element.parent());
} else {
error.insertAfter(element);
}
}
});