我试图添加验证到我的表单与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);
- }
- }
- });