L’appel de form.submit() ignore directement la validation des contraintes du navigateur et ne distribue pas l’événement submit. Lorsque le code nécessite le même comportement que l'activation d'un bouton de soumission, utilisez requestSubmit().

const form = document.querySelector("form");
form.requestSubmit();

Passez un bouton lorsque ses paramètres sont importants

  • requestSubmit(button) utilise la formaction, la formmethod et les paramètres de soumission associés de ce bouton.
  • Les contraintes natives requises, de type et autres sont vérifiées avant le déclenchement de l'événement de soumission.
  • Utilisez l'événement submit pour la logique d'application qui doit s'exécuter à la fois pour la soumission au clavier et par script.

Ne supprimez pas les commentaires de l'utilisateur

Si la validation échoue, le navigateur peut cibler le champ non valide et exposer son message. Gardez les étiquettes et le texte d’erreur clairs et évitez de gérer un échec de validation comme si le formulaire avait été soumis.

Testez avec un champ obligatoire vide, un formulaire valide et plusieurs boutons de soumission. Le chemin natif du navigateur contient généralement moins de code et plus prévisible.