Comment voir la liste de validation jQuery des éléments avec des erreurs

Question

Parfois, le formulaire ne sera pas soumis car jQuery contient des éléments non valides qui ne figureront pas dans un message d'erreur.

Comment pouvons-nous voir ces erreurs afin de déboguer plus facilement?

Answer 1

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

montrera le tableau des erreurs qui empêchent la soumission du formulaire.

Answer 2

Cela me permet d’obtenir une liste des erreurs de validation (identifiants des entrées d’erreur et message d’erreur associé):

    if ($('#form').valid()) {

        console.log('FORM VALID');

    } else {

        console.log('FORM INVALID');

        var validator = $('#form').validate();

        $.each(validator.errorMap, function (index, value) {

            console.log('Id: ' + index + ' Message: ' + value);

        });

    }

Answer 3

 var val = $("#form".validate());
 console.log("error list", val);

pour ceux qui n'ont pas la liste d'erreurs fonctionnant de cette façon, il suffit d'aller à la console et de cliquer sur la liste d'erreurs

Answer 4

errorList semble seulement fonctionner exactement pour moi après avoir lancé un appel contenant valid ().

var validator = jQuery('#form1').validate();
if(jQuery('#form1').valid()){
    var submitErrorsList = new Object();
    for (var i=0;i<validator.errorList.length;i++){
        submitErrorsList[validator.errorList[i].element.name] = validator.errorList[i].message;
    }
}
console.log("Submit Errors", submitErrorsList);