tageditor - Muestre mensajes de error individuales y de resumen con el complemento de validación jQuery

tagify jquery

Question

¿Cómo puedo mostrar los mensajes de error individuales y el resumen para el complemento jQuery?

De hecho, encontré una pregunta similar , pero solo hace referencia a algunos ganchos que puedo usar, pero no estoy seguro de por dónde empezar.

Obtuve la parte de mensajes de error individuales, pero necesito mostrar el resumen en un cuadro de alerta al enviar, y el complemento se puede encontrar here .

Acabo de descubrir cómo, gracias por el código de David y en mi pregunta de seguimiento: el cuadro de alerta sería "Nombre: ingrese un nombre válido".

Código abajo:

$(document).ready(function() {
    var submitted = false;
    (''.selector'').validate({
        showErrors: function(errorMap, errorList) {
            if (submitted) {
                var summary = "You have the following errors: /n";
                $.each(errorMap, function(key, value) {
               summary += key + '': '' + value + "/n";
                });
                alert(summary);
                submitted = false;
            }
            this.defaultShowErrors();
        },
        invalidHandler: function(form, validator) {
            submitted = true;
        }
    });
});

Answer 1

Como dice la pregunta vinculada, la showErrors llamada showErrors se llama siempre que se muestran los errores. Puede usar esto para crear su resumen y alertarlo. Luego puede llamar a this.defaultShowErrors() para mostrar los mensajes de error individuales normales.

Por defecto, se llama a showErrors para una gran cantidad de eventos (submit, keyup, blur, etc.). Puede deshabilitarlos o usar el método invalidHandler que solo se llama cuando se envía un formulario no válido.

Ejemplo:

$(document).ready(function() {
    var submitted = false;
    (''.selector'').validate({
        showErrors: function(errorMap, errorList) {
            if (submitted) {
                var summary = "You have the following errors: /n";
                $.each(errorList, function() { summary += " * " + this.message + "/n"; });
                alert(summary);
                submitted = false;
            }
            this.defaultShowErrors();
        },          
        invalidHandler: function(form, validator) {
            submitted = true;
        }
    });
});

Vea here una lista completa de opciones que se pueden pasar al método de validate .