Bootstrap con el complemento de validación de jQuery
Estoy tratando de agregar validación a mi formulario con jQuery Validation Plugin, pero tengo un problema donde el complemento pone los mensajes de error cuando estoy usando grupos de entrada.
$('form').validate({
rules: {
firstname: {
minlength: 3,
maxlength: 15,
required: true
},
lastname: {
minlength: 3,
maxlength: 15,
required: true
}
},
highlight: function(element) {
$(element).closest('.form-group').addClass('has-error');
},
unhighlight: function(element) {
$(element).closest('.form-group').removeClass('has-error');
}
});
Mi código: http://jsfiddle.net/hTPY7/4/