Formulier verzenden via JavaScript
Je kunt een formulier geforceerd verzenden via JavaScript. Laten we eens kijken hoe dat gaat. Stel we hebben een formulier en een knop, waarop we bij een klik het formulier willen verzenden:
<form action="/handler/" method="POST">
<input name="test1">
<input name="test2">
</form>
<button>verzenden</button>
Laten we verwijzingen naar onze elementen in variabelen zetten:
let form = document.querySelector('form');
let button = document.querySelector('button');
Laten we een click event listener aan de knop hangen:
button.addEventListener('click', function(event) {
});
Bij een klik op de knop voeren we de verzending van het formulier uit
via de methode submit:
button.addEventListener('click', function(event) {
form.submit();
});
Gegeven een formulier met drie invoervelden. Maak een link, waarbij bij een klik de verzending van dit formulier plaatsvindt.