Mise à jour de validation résumé en "temps réel"

Salut, je suis en utilisant MVC4 avec la validation côté client. Cela fonctionne très bien pour montrer les messages de validation à côté des champs.

J'ai ajouté un résumé de validation:

 @Html.ValidationSummary(false)

Cela fonctionne, côté client 'n tous. Je voudrais qu'il se comporte différemment si, actuellement, les messages dans le récapitulatif de la validation ne changera que lorsque le bouton "soumettre" est cliqué. Je voudrais être dynamique, peuplé de dans un, de la même façon pour chaque champ, le message de validation.

Quelqu'un peut-il suggérer une façon d'atteindre cet objectif ?

Toute information sur ce qui déclenche le résumé de mise à jour serait génial.

"actuellement, les messages dans le récapitulatif de la validation ne changera que lorsque le bouton "soumettre" est cliqué." S'il vous plaît créer un violon/demo afin que nous puissions voir ce qu'il se passe.
Si vous ajoutez un récapitulatif de la validation de toute forme, vous devriez voir le résultat

OriginalL'auteur nixon | 2012-11-09

  1. 7

    J'ai mis en place le récapitulatif de la validation de la mise à jour en "temps réel" considérant également les éléments suivants:

    1. Mettre à jour le résumé seulement une fois qu'il est visible (après page, valider et transmettre)
    2. Clair le résumé quand tout est valable

    Nous allons extraire le validateur, overrride showErrors() et de mettre en œuvre notre logique:

    var validator = $('form').data('validator');
validator.settings.showErrors = function (map, errors) {
    this.defaultShowErrors();
    if ($('div[data-valmsg-summary=true] li:visible').length) {
        this.checkForm();
        if (this.errorList.length)
            $(this.currentForm).triggerHandler("invalid-form", [this]);
        else
            $(this.currentForm).resetSummary();
    }
}

    Depuis que j'utilise cette solution pour l'ensemble de mon site j'ai créé le suivant: init (onready):

    $('form').each(function () {
    var validator = $(this).data('validator');
    if (validator) {
        validator.settings.showErrors = function (map, errors) {
            this.defaultShowErrors();
            if ($('div[data-valmsg-summary=true] li:visible').length) {
                this.checkForm();
                if (this.errorList.length)
                    $(this.currentForm).triggerHandler("invalid-form", [this]);
                else
                    $(this.currentForm).resetSummary();
            }
        };
    }
});

    Et voici le resetSummary utilisé ci-dessus:

    jQuery.fn.resetSummary = function () {
    var form = this.is('form') ? this : this.closest('form');
    form.find("[data-valmsg-summary=true]")
        .removeClass("validation-summary-errors")
        .addClass("validation-summary-valid")
        .find("ul")
        .empty();
    return this;
};
    Fonctionne très bien, sauf qu'il n'affiche pas le résumé de nouveau lors de la première erreur se produit. Je pense que cela peut compte comme une réponse bien, Merci.
    Vous pouvez exclure if ($('div[données valmsg-synthèse,=true] li:visible").la longueur), si vous souhaitez toujours le résumé de mise à jour, bien sûr.
    Mais si vous voulez le mettre à jour à coup de pied après un envoyer et de garder la mise à jour, même si tout est valide, je pense que nous devons tenir que l'état. Par exemple. $('form').data('updateSummary', true);

    OriginalL'auteur Torbjörn Nomell

  2. 2

    Le côté client résumé semble être généré lorsque le formulaire est validé, vous pouvez le faire vous-même en appelant le valide() du plugin méthode. Ajouter cette après jquery validation des scripts. 

    <script>
    $(function () {
        $(':input').on("keyup click", function () {
            $('form').valid();
        });
    });
</script>

    L'exemple des événements, j'ai inclus sont keyup et cliquez sur mais vous pouvez ajouter ou supprimer de cette liste séparée par des espaces.

    Ou mieux encore, vous pourriez le faire sur $('form').on('change',function(e){ $(this).valide(); });
    n'est-il pas beaucoup plus facile que d'écrire des tas de code ? pourquoi, alors, le moins de votes ?

    OriginalL'auteur Dr Blowhard