Ratgeber: Ein Formular per Skript mit seiner vorgesehenen Prüfung absenden

Ein zweiter Knopf darf keinen anderen Ablauf erfinden

Eine längere Projektanfrage besitzt unten den normalen Senden-Knopf. Zusätzlich soll eine gut erreichbare Aktionsleiste das Absenden ermöglichen. Die MDN-Dokumentation erklärt requestSubmit als Anforderung einer Formularübermittlung, gegebenenfalls mit einem bestimmten Submit-Button. Im Unterschied zum direkten submit-Aufruf werden dabei die vorgesehene Validierung und das Submit-Ereignis berücksichtigt. Dieser Ratgeber ordnet vorhandene Browsertechnik ein. Unser eigenes Beispiel zeigt, wie sich ein zusätzlicher Bedienweg prüfen lässt, ohne daraus eine Behauptung über eine neue Browserveröffentlichung zu machen.

Den normalen Weg als Referenz verwenden

Baue zuerst ein kleines Formular mit Name, E-Mail und einer Pflichtauswahl für das Projektthema. Prüfe den gewöhnlichen Submit-Button mit einem leeren Pflichtfeld. Die erwartete Rückmeldung hältst du fest. Danach wird die zusätzliche Aktionsleiste geplant. Ihr Knopf soll denselben Formularablauf anstoßen und nicht eine zweite, abweichende Sammlung von Prüfregeln verwenden. Schreibe im Auftrag ausdrücklich auf, welchem Formular die Aktion gehört. Das verhindert Verwechslungen, falls auf derselben Seite später ein weiteres Formular hinzukommt.

Die gewünschte Aktion eindeutig übergeben

Manche Formulare haben mehrere abschließende Aktionen, beispielsweise Entwurf speichern und Anfrage absenden. In diesem Fall reicht die Aussage „Formular abschicken“ nicht aus. Lege fest, welcher Submit-Button verwendet werden soll und welche Bedeutung seine Daten haben. Die Dokumentation beschreibt, dass Eigenschaften des angegebenen Buttons das Übermittlungsverhalten beeinflussen können. Prüfe daher die tatsächlich gewünschte Variante. Ein Entwurf darf nicht versehentlich als verbindlich abgesendete Anfrage erscheinen, nur weil ein zusätzlicher Knopf den falschen Abschlussweg gewählt hat.

Fehler und Erfolg auf beiden Wegen vergleichen

Teste leere Pflichtfelder, eine korrigierte Eingabe und eine gültige Anfrage jeweils über beide Knöpfe. Die Rückmeldung sollte verständlich beim Formular bleiben und auch mit Tastatur erreichbar sein. Simuliere außerdem eine fehlgeschlagene Serverantwort: Browservalidierung allein bestätigt keine erfolgreiche Speicherung. Eingegebene Inhalte sollten für eine erneute Bearbeitung erhalten bleiben. Die Abnahme dokumentiert den verwendeten Abschlussweg und das tatsächliche Ergebnis getrennt. Für die erste Probe genügt ein lokaler Testempfänger, der Erfolg und Fehler kontrolliert zurückgibt; ein echter E-Mail-Versand ist dafür nicht erforderlich.