Formularversand über JavaScript
Man kann ein Formular zwangsweise über JavaScript senden. Schauen wir uns an, wie das geht. Nehmen wir an, wir haben ein Formular und eine Schaltfläche, bei deren Klick wir das Formular senden wollen:
<form action="/handler/" method="POST">
<input name="test1">
<input name="test2">
</form>
<button>senden</button>
Holen wir uns Referenzen auf unsere Elemente in Variablen:
let form = document.querySelector('form');
let button = document.querySelector('button');
Fügen wir der Schaltfläche einen Klick-Eventhandler hinzu:
button.addEventListener('click', function(event) {
});
Beim Klick auf die Schaltfläche führen wir den Versand des Formulars
durch die Methode submit aus:
button.addEventListener('click', function(event) {
form.submit();
});
Gegeben ist ein Formular mit drei Eingabefeldern. Erstellen Sie einen Link, bei dessen Klick das Senden dieses Formulars erfolgt.