Interdiction d'envoi de formulaire en JavaScript
Si nécessaire, il est possible d'interdire l'envoi
d'un formulaire. Cela se fait via la méthode
preventDefault
que vous connaissez déjà.
Voyons un exemple.
Supposons que nous ayons le formulaire suivant :
<form action="/handler/" method="POST">
<input name="test1">
<input name="test2">
<input type="submit">
</form>
Récupérons sa référence dans une variable :
let form = document.querySelector('form');
L'envoi du formulaire peut être intercepté via l'événement
submit :
form.addEventListener('submit', function() {
});
Interdisons maintenant l'envoi du formulaire :
form.addEventListener('submit', function(event) {
event.preventDefault();
});
Un formulaire avec un champ de saisie est donné. Lors d'une tentative d'envoi, vérifiez que l'email saisi dans le champ est correct. Si ce n'est pas le cas - interdisez l'envoi du formulaire et affichez un message d'erreur.
