Erweiterung eines Akkordeonbereichs zur ungültigen Validierung

Question

Ich habe eine Sammlung von Akkordeelementen, die verschiedene Textfeldsteuerelemente und Dropdown-Listen mit jeweils eigenen Validatoren enthalten.

Wenn ein paar serverseitige Validierungen auf dem Formular einreichen, gibt es etwas, das einen zuvor minimierten Bereich automatisch erweitern kann, der die ungültige Validator-Nachricht enthält?Andernfalls scheint es dem Benutzer, dass das Formular ohne Grund nicht eingereicht wird.

Ein anderes Szenario: Sagen wir, ich habe mehrere Scheiben mit Client-Seite Validatoren, die an die Eingänge gebunden sind.Wenn ein Fensterbereich minimiert ist (und daher können Sie den Error des Validators nicht sehen) Gibt es eine Möglichkeit, den entsprechenden Bereich zu erweitern, wenn die AJAX-Seitenüberprüfung beim Senden auftritt?

Ich weiß, dass es einen brutiösen Weg zu diesem Ansatz gibt, in dem ich jeden Validator und ihren assoziierten Akkordeonpan verfolgen kann, aber ich holte auf eine bessere Lösung, die meine Situation für eine große Anzahl von Ein- / Validatoren und -scheiben umgehen kann.

Answer 1

Wie wäre es mit so etwas (mit Jquery, aber ich bin sicher, dass es in ein einfaches JavaScript umgewandelt werden kann) ...

generasacodicetagpre.

Weil Sie nicht möchten, dass es auf der ersten Last feuert, können Sie eine Technik wie dieses Wie man Postback in JavaScript erkennen / verfolgen kann? und prüfen, ob Sie nach dem Dokument in einem Postback sind.Ready - Ich habe angenommen, dass Sie den Beratung in der Verbindung verwendet haben, und Ihre Funktion für die Nachbackerkennung wird aufgerufen().

Answer 2

Es gibt ein Projekt, das für dieses Problem aufgebaut ist, um einen Blick darauf zu werfen .... Sie können auch die Quelle herunterladen, um weitere Details zu analysieren oder dieselbe Codebasis zu verwenden, wenn Sie möchten"http://www.codeproject.com/articles/43397/validating-AcRection-und-radpanelbar-USing-Ajax-an" rel="nofollow"> http://www.codeproject.com/articles/43397/Validating-Akkordion-und-Radpanelbar-mit-ajax-a

Answer 3

Rich schlug mich dazu, aber hier ist die Vanille-JS-Version (IE9 +):

generasacodicetagpre.

Denken Sie daran, den Code unter dem -tag zu platzieren.Ich hatte Probleme mit der Verwendung von JQuerys Document.Ready und Window.onLoad, da der Code ausgeführt wird, bevor das benötigte JavaScript von ASP.Net belastet wird.

update: Eine mehrbrowser-kompatible Version

generasacodicetagpre.