Envoi d'un formulaire via JavaScript
Il est possible de forcer l'envoi d'un formulaire via JavaScript. Voyons comment procéder. Supposons que nous ayons un formulaire et un bouton, et que nous souhaitons envoyer le formulaire lors d'un clic sur ce bouton :
<form action="/handler/" method="POST">
<input name="test1">
<input name="test2">
</form>
<button>envoyer</button>
Récupérons les références à nos éléments dans des variables :
let form = document.querySelector('form');
let button = document.querySelector('button');
Attachons un gestionnaire d'événement au clic sur le bouton :
button.addEventListener('click', function(event) {
});
Lors du clic sur le bouton, effectuons l'envoi du formulaire
via la méthode submit :
button.addEventListener('click', function(event) {
form.submit();
});
Un formulaire avec trois champs de saisie est donné. Créez un lien qui, lorsqu'on clique dessus, déclenchera l'envoi de ce formulaire.
