asp.net mvc-3-Validierung-Zusammenfassung nicht angezeigt via unobtrusive validation

Bin ich immer Probleme auftreten die asp.net MVC-client-seitige Validierung zu arbeiten, wie ich es will.

Habe ich es grundsätzlich funktioniert, jedoch die Validierung Zusammenfassung wird nicht angezeigt, bis der Benutzer auf die senden-Taste, obwohl die einzelnen Eingänge sind markiert als ungültig, da der Benutzer mit der Tabulatortaste/Klicks etc Ihren Weg durch die form. Das alles geschieht auf client-Seite.

Ich würde denken, die, dass die Validierung Zusammenfassung angezeigt werden würde, sobald ein input-Feld entdeckt wurde, war ungültig.

Ist dieses Verhalten by design? Gibt es eine Möglichkeit um ihn herum, als würde ich wie die Validierung Zusammenfassung angezeigt werden, sobald es entdeckt wird, dass eines der input-Felder ist ungültig.

Mein code ist im Grunde, 

<script src="@Url.Content("~/Scripts/jquery.validate.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.js")" type="text/javascript"></script>
...
    @using (Html.BeginForm())
    {
        @Html.ValidationSummary(false)
        @Html.EditorFor(model => model);   
        ...

Und meine _Layout.cshtml Referenzen jquery-1.4.4.min.js.

  • Laut den Autoren von Pro-ASP.NET MVC 3 Framework von Apress, dies ist by-design. In Ihrem Kapitel über die Validierung des Modells, haben Sie ein Beispiel für client-seitige Validierung und weisen Sie darauf hin, dass, während das pro-Feld-Nachrichten werden aktualisiert, wenn die Eingabe geändert wird, ist die Validierung Zusammenfassung wird nur verändert, wenn die form submit-button gedrückt wird. (Erwähnen Sie dies auf den Seiten 630-632.)
InformationsquelleAutor StanK | 2011-03-06
  1. 4

    Können Sie die Einstellungen der Validierung Zusammenfassung ausgelöst werden, viel häufiger, im onready:

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

    Hier ist die resetSummary oben verwendet:

    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;
};
    • Tolle Lösung, funktioniert bei mir. Einzige änderung die ich hatte war es, hängen Sie es aus der Prüfung.
    InformationsquelleAutor Torbjörn Nomell
  2. 5

    Habe ich eine version von Torbjörn Nomells Antwort

    Außer hier Hänge ich resetSummary aus der validator-Objekt

    $.validator.prototype.resetSummary= function () {
    var form = $(this.currentForm);
    form.find("[data-valmsg-summary=true]")
        .removeClass("validation-summary-errors")
        .addClass("validation-summary-valid")
        .find("ul")
        .empty();
    return this;
};

    Dann ändern Sie den Aufruf zu 

    $.validator.setDefaults({
    showErrors: function (errorMap, errorList) {
        this.defaultShowErrors();
        this.checkForm();
        if (this.errorList.length) {
            $(this.currentForm).triggerHandler("invalid-form", [this]);
        } else {
            this.resetSummary();
        }
    } 
});
    InformationsquelleAutor Todd Horst
  3. 2

    Ich habe eine ähnliche Frage hier offen: Wie display MVC-3-client-seitige Validierung Ergebnisse der Validierung Zusammenfassung aber die vorgeschlagene Lösung von Darin scheint nicht zu funktionieren, wie ich (und wahrscheinlich auch Sie) es wollen.

    • Ja, es sieht aus wie wir haben im wesentlichen das gleiche problem
    • Ich habe ein wenig zu Graben in die jquery.validate.unobtrusive.js code. und was ich sagen kann, die Funktion, die setzt die Validierung Zusammenfassung Funktion onErrors, die nicht aufgerufen wird, bis der Benutzer versucht, sich zu Unterwerfen.
    InformationsquelleAutor b3n
Schreibe einen Kommentar