JavaScript Grundkurs

Das Formular verschicken

LinkedIn Learning kostenlos und unverbindlich testen!

Jetzt testen Alle Abonnements anzeigen
Mit der Methode submit() können Sie per JavaScript die Formulardaten verschicken und mit reset() das Formular zurücksetzen. Damit haben Sie das Versenden und Zurücksetzen des Formulars vollkommen unter Kontrolle.
02:31

Transkript

Ich zeige Ihnen in diesem Film, wie Sie rein mit Javascript Formulardaten wegschicken können, also nicht mit einem klassischen Submitbutton, wie mann es mit reinem HTML macht, sondern mit entsprechenden Methoden von Javascript. Schauen Sie sich dieses Formular hier an. Ich habe hier drei Eingabefelder und vergebe das Name-Attribut für diese drei Eingabefelder. Des weiteren habe ich einen Button mit der Beschriftung Wegschicken. Beachten Sie es ist kein Button vom Typ submit. Ich habe einen weiteren Button, da steht Zurücksetzen darauf und ich rufe hier entsprechende Funktionen auf, die die Methoden submit und reset von einem Formularobjekt aufrufen. So wird das Aussehen; abc, 1 2 3 und hahaha. Ich klicke auf Zurücksetzen und es ist geleert. [unverständlich] reset Methode von dem Formular aufgerufen. Hier sehen Sie das. Beachten Sie, dass ich auch die Angabe Action nicht mit HTML setze, sondern hier auch über eine Eigenschaft Action von dem Formularobjekt. Das ist das Script, wo die Daten hingeschickt werden. Und die Submitmethode wird aufgerufen, wenn ich auf diesen Button hier klicke. 123, ABC, noch was und das ist die entsprechende Antwort von dem serverseitigen Skript, was für uns im Moment einer Blackbox darstellen soll, aber Sie sehen hier, die Daten wurden verschickt. Das können Sie hier oben auch an dem URL erkennen. Standardmäßig verschickt ja jedes Formularpaket die Daten. Was können Sie jetzt damit machen? Nun ja, wir können sicherstellen, dass ein Anwender der kein JavaScript aktiviert hat ihre Formulare überhaupt nicht wegschicken kann und damit können Sie gegebenenfalls irgendwelche Logik dahinter legen und Sie können hier auch dynamisch gewisse Dinge zusammensetzen, beispielsweise wohin die Daten geschickt werden, oder Sie können einen Query, sprich eine Übermittlung von Daten per URL irgendwie zusammensetzen, was auch immer sie machen wollen, wenn Sie mit Javascript arbeiten und über die Submitmethode, Resetmethode des Formularobjektes stehen Ihnen diese Techniken zur Verfügung.

JavaScript Grundkurs

Lernen Sie die Möglichkeiten der universellen Sprache JavaScript kennen und machen Sie sich mit der Syntax vertraut, um Ihre Web-Applikationen durch effektive Skripts zu ergänzen.

8 Std. 20 min (134 Videos)
Derzeit sind keine Feedbacks vorhanden...

Dieser Online-Kurs ist als Download und als Streaming-Video verfügbar. Die gute Nachricht: Sie müssen sich nicht entscheiden - sobald Sie das Training erwerben, erhalten Sie Zugang zu beiden Optionen!

Der Download ermöglicht Ihnen die Offline-Nutzung des Trainings und bietet die Vorteile einer benutzerfreundlichen Abspielumgebung. Wenn Sie an verschiedenen Computern arbeiten, oder nicht den ganzen Kurs auf einmal herunterladen möchten, loggen Sie sich auf dieser Seite ein, um alle Videos des Trainings als Streaming-Video anzusehen.

Wir hoffen, dass Sie viel Freude und Erfolg mit diesem Video-Training haben werden. Falls Sie irgendwelche Fragen haben, zögern Sie nicht uns zu kontaktieren!