Estoy usando el complemento de validación de jquery en mi aplicación web para validar formularios en blanco y otras validaciones simples.
Estoy usando el código a continuación para configurar el complemento de validación de jquery para mi formulario, hay una opción erroClass en él, donde he definido un nombre de clase CSS authError que quiero aplicar en los mensajes de error, pero está aplicando la misma clase al cuadro INPUT como bueno, no quiero aplicarlo en el cuadro de ENTRADA, solo lo quiero para el mensaje de error. Por favor revise y ayude. ¡Gracias!
$("#frmSignin").validate({ debug: false, errorClass: "authError", errorElement: "span", rules: { username: { required: true, minlength: 10 }, password: { required: true } }, messages: { username: { required: "Please enter your username" }, password: { required: "Please enter your password" } } });Gracias por los trucos chicos, pero encontré una mejor manera usando solo el código jQuery. Hay un evento highlight en el complemento de validación que se llama cuando se produce un error para resaltar los campos de error, simplemente eliminé el elemento de formulario de clase cuando se llama este evento.
$("#frmSignin").validate({ debug: false, errorClass: "authError", errorElement: "span", rules: { username: { required: true, minlength: 10 }, password: { required: true } }, messages: { username: { required: "Please enter your username" }, password: { required: "Please enter your password" } }, highlight: function(element, errorClass) { $(element).removeClass(errorClass); } }); $("#borrowerForm").validate({ errorElement: 'span', errorElementClass: 'input-validation-error', errorClass: 'field-validation-error', errorPlacement: function(error, element) {}, highlight: function(element, errorClass, validClass) { $(element).addClass(this.settings.errorElementClass).removeClass(errorClass); }, unhighlight: function(element, errorClass, validClass) { $(element).removeClass(this.settings.errorElementClass).removeClass(errorClass); }, onkeyup: false, errorPlacement: function (error, element) { error.insertAfter(element); } });En realidad, debería estar definiendo diferentes clases para input y span ( span ya que errorElement está configurado para span, de lo contrario será label ), en lugar de eliminar la clase aplicada
p.ej
span.authError {color:rojo;}
input.authError {borde: 1px con puntos rojos;}
y no solo .authError{} que se aplicará tanto a la entrada como al intervalo