Unificar mensajes de error en 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, si hay algún error se muestre un texto indicando el hecho al final, debajo del botón "Enviar". La idea es que sea el mismo mensaje para todos los errores y que aparezca en un nuevo espacio al final del formulario, es decir, no dejar el espacio vacío para rellenarlo cuando haya un error. He buscado en varios sitios, pero no consigo ver cómo se hace :(

Gracias por la ayuda!!

Answer 1

Buenas,

Todo lo que vas necesitando lo tienes en la documentación de JQuery, busca con un poco de calma y verás que está todo por allí. En concreto:

groups

Specify grouping of error messages. A group consists of an arbitrary group name as the key and a space separated list of element names as the value. Use errorPlacement to control where the group message is placed.

<pre lang="javascript">
  <script>
  $(document).ready(function(){
    $("#commentForm").validate({
    groups: {
    username: "name email comment"
    },
    errorPlacement: function(error, element) {
     if (element.attr("name") == "name"
                 || element.attr("name") == "email"
                 || element.attr("name") == "comment")
       error.insertAfter("#boton");
     else
       error.insertAfter(element);
   }
    });
  });
  </script>