Maison > interface Web > js tutoriel > Comment puis-je empêcher l'envoi d'un formulaire sans modifier le bouton Soumettre ?

Comment puis-je empêcher l'envoi d'un formulaire sans modifier le bouton Soumettre ?

Barbara Streisand
Libérer: 2024-12-16 17:40:15
original
420 Les gens l'ont consulté

How Can I Prevent Form Submission Without Changing the Submit Button?

Empêcher la soumission du formulaire sans modifier le bouton de soumission

Dans un scénario où un formulaire contient un bouton de soumission qui ne peut pas être directement modifié, désactiver la soumission du formulaire devient une nécessité. Pour y parvenir, considérez ce qui suit :

Le retour de false à partir du gestionnaire d'événements, tel que onsubmit, intercepte l'événement de soumission et empêche la soumission du formulaire. Cependant, il présente des limites, car les erreurs JavaScript se produisant avant l'instruction return entraînent une soumission automatique du formulaire.

Pour résoudre ce problème, combinez return false avec PreventDefault() dans le gestionnaire d'événements. PreventDefault() inhibe l'action du formulaire par défaut, même en présence d'erreurs JavaScript, garantissant que le formulaire reste non soumis.

Vous pouvez également utiliser un bloc try...catch dans le gestionnaire d'événements pour isoler toutes les exceptions JavaScript. Le bloc catch peut générer une erreur, empêchant ainsi la soumission du formulaire. Cette méthode offre une meilleure gestion des erreurs par rapport à l'approche précédente.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal