jQuery Validate() Hightlight Error Input Fields

Question

Estoy usando el complemento jQuery Validate(). Ha funcionado bien, sin embargo, me gustaría resaltar la entrada que tiene el error después de ENVIAR. He probado el:

$(".selector").validate({ 
    highlight: function(element, errorClass, validClass) { 
    $(element).addClass(errorClass).removeClass(validClass); 
    $(element.form).find("label[for=" + element.id + "]") 
        .addClass(errorClass); 
    }, 
    unhighlight: function(element, errorClass, validClass) { 
    $(element).removeClass(errorClass).addClass(validClass); 
    $(element.form).find("label[for=" + element.id + "]") 
        .removeClass(errorClass); 
    } 
}); 

... desde la página http://docs.jquery.com/Plugins/Validation/validate#options, pero no soy capaz de conseguir que funcione. ¿Necesito crear el errorClass y validClass css en alguna parte? ¿Sabe qué elemento de alguna manera? Estoy un poco perdido.

Gracias por las ideas.

EDITAR: ¡Tal vez necesito ver mi pregunta más de cerca! Tengo un campo que tiene una oferta de spam igual a 12, pero si el usuario ingresa 11, el formulario me dice que hay un error, pero no enciende la entrada que TIENE el error. Me dirá que es obligatorio, pero no lo mostrará si la respuesta es incorrecta ... ¿algún pensamiento?

Answer 1

Terminé usando PHP para comprobar si hubo un error. El JS solo validaba antes de que se volviera a cargar el formulario.

Answer 2

Si entiendo bien, here tiene lo que necesita.

El complemento agrega automáticamente la clase error para los campos con valores no válidos y agrega la clase valid cuando la entrada es correcta.

Tendría que asignar estilos de CSS adecuados a la clase error para lograr lo que necesita.

Por ejemplo:

input.error { 
    border:1px dotted red; 
}