我试图添加验证到我的表单与jQuery验证插件,但我有一个问题,插件放错误消息,当我使用输入组。
$('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); } } });