¿Cómo puedo mostrar errores en la validación jQuery?

Question

¿Tenemos alguna función que devuelva todos los mensajes de error al validar un formulario?

He intentado utilizar la función defaultshowerros() pero devuelve el mensaje de error para el elemento que está validando actualmente. ¿Cómo puedo obtener todos los mensajes de error de todo el formulario?

Answer 1

Si almacena una referencia al validador, por ejemplo:

var validator = $("form").validate(); 

Puede llamar .errors() o .invalidElements() en cualquier momento sobre el mismo, por ejemplo:

var errors = validator.errors(); //get the error elements, the actual labels 
var errors = validator.invalidElements(); //the invalid elements themselves 

Si no está realmente después de los errores y solo quiere que aparezcan en una sola ubicación, use el errorLabelContainer and wrapper options incorporado, por ejemplo:

<ul id="errors"></ul> 

y de referencia que:

$("form").validate({ errorLabelContainer: "#errors", wrapper: "li" }); 

Y sus errores aparecería todo en esa lista, que también se muestra de forma automática/oculta si hay/no hay errores.

Answer 2

El complemento de validación debe mostrar un error al lado del campo donde está el error. ¿Estás usando identificadores para tus cuadros de entrada? De ser así, use también un nombre y déle a jquery el valor del atributo de nombre en sus reglas y mensajes. Espero que esto ayude.

Answer 3

tarde a la fiesta, pero he encontrado que también puede crear una instancia del objeto validate() con una función invalidHandler():

var $jqvForm = $(".jqvForm").validate({ 
    invalidHandler: function(e, validation){ 
     console.log("invalidHandler : event", e); 
     console.log("invalidHandler : validation", validation); 
    } 
}); 

La variable validation contiene una variable invalid (objeto) con elementos de formulario y sus mensajes de error.