Jquery validation - afficher récapitulatif de la validation du cours désireux de validation?

Ok, je crois que j'ai compris cela.

La question est en fait due à l'utilisation de la discrète validation avec MVC 3, puisqu'il ne le jQuery de validation d'initialisation pour vous Donc, la seule façon de configurer la validation en utilisant form.data("validator").settings. Cependant, en essayant de mettre la errorLabelContainer par le biais de cette méthode, c'est à dire:

$("#form").data("validator").settings.errorLabelContainer = "#messageBox";

... ne fonctionne pas, parce que jQuery de validation utilise uniquement cette valeur en interne dans sa fonction init (), pour configurer un tas d'autres paramètres tels que les conteneurs , etc. J'ai essayé l'émulation de ce qu'il fait, ou même l'appel de $("#form").data("validator").init() de nouveau après la mise à l' errorLabelContainer, mais cela a causé le comportement bizarre et arrosé d'un tas d'autres paramètres.

J'ai donc pris une approche différente. Tout d'abord, j'ai fourni un endroit pour MVC pour mettre dans l'erreur individuelle des chaînes à l'aide de @Html.ValidationMessageFor(), et l'ajout de display:none pour le garder caché:

@using (Ajax.BeginForm(...))
{

  <div class="field-panel">
    @Html.EditorFor(m => m.PatientID)
    @Html.ValidationMessageFor(m => m.PatientID, null, new { style = "display:none"})
    ...

  </div>
  <input type="submit" class="carecon-button-next" value="Next" />
  <ul id="error-summary">
  </ul>
}

Puis, dans la showErrors de rappel, je copie ces chaînes dans le récapitulatif de la validation après appel defaultShowErrors():

    $("#form").data("validator").settings.onfocusout = function (element) { $(element).valid(); };
    $("#form").data("validator").settings.showErrors = function (errorMap, errorList) {
        this.defaultShowErrors();
        $("#error-summary").empty();
        $(".field-validation-error span", $("#form"))
            .clone()
            .appendTo("#error-summary")
            .wrap("<li>");

    };

Cela m'a donné le comportement que je voulais, montrer/cacher les erreurs de validation comme une liste dans le résumé que l'utilisateur de remplir les champs du formulaire.

OriginalL'auteur lambinator

C'est à partir de la page de démonstration; la invalidHandler et le code pour créer une erreur résumé. Mais il est déclenché sur form présenter qui n'est pas ce que vous avez demandé.

invalidHandler: function(e, validator) {
    var errors = validator.numberOfInvalids();
        if (errors) {
            var message = errors == 1
                 ? 'You missed 1 field. It has been highlighted below'
                 : 'You missed ' + errors + ' fields.  They have been highlighted below';
                 $("div.error span").html(message);
                 $("div.error").show();
        } else {
            $("div.error").hide();
        }
},

Cependant, la errorLabelContainer: méthode ne nécessite pas de form soumission. Selon les documents, "Des erreurs toutes les étiquettes sont affichées à l'intérieur d'une liste non ordonnée avec l'ID "messageBox", comme spécifié par le sélecteur passé comme errorContainer option. Toutes les erreurs éléments sont enveloppés à l'intérieur d'un élément li, pour créer une liste de messages."

errorLabelContainer: "#messageBox",

Ici est un brut de démonstration montrant la validation à l'aide de onfocusout. Il n'y a pas de bouton "soumettre" pour prouver ce point. Le #messageBox accumule tous les messages qu'elles sont collectées.

http://jsfiddle.net/sparky672/bAN2Q/

OriginalL'auteur Sparky