Mensajes error JQuery Validate

Question

Hola!!

Tengo un formulario que se valida con JQuery Validate sin ningún problema. Lo que me está volviendo loco es la forma de mostrar los mensajes de error. Lo que quiero es que al enviar el formulario, el texto que acompaña al input cambie de color. Por ejemplo, si hay un campo "Nombre", y no se introduce ningún texto en el input, que el texto "Nombre" cambie de color. He buscado en varias páginas, pero no consigo ver cómo se hace :(

Gracias por la ayuda!!

Answer 1

Buenas!

Usando la función highlight consigues el efecto que buscas:


  <script>
  $(document).ready(function(){
    $("#commentForm").validate({
    highlight: function(element) {
        $(element).siblings("label").addClass("error");
    }
    });
  });
  </script>

http://jsfiddle.net/Torrespro/7WbeN/

Espero que te sirva!

Answer 2

Hola!!

Al final lo solucioné con,

$("#id").css({"color":"#f00"});

Muchas gracias por la ayuda!! ;)