Comment puis-je intercepter et arrêter la soumission d'un formulaire sans modifier le bouton Soumettre ?

Soumissions de formulaires intermédiaires

Vous disposez d'un formulaire avec un bouton de soumission et vous devez intercepter et arrêter sa soumission. Cette requête examine les stratégies permettant d'atteindre cet objectif malgré les limitations liées à la modification du bouton de soumission.

Pour contrôler efficacement la soumission, vous aurez besoin d'une combinaison de techniques. Tout d’abord, intégrez return false dans le gestionnaire d’événements pour empêcher explicitement la soumission du formulaire par défaut. Cependant, cela seul est insuffisant, car des erreurs JavaScript inattendues peuvent contourner l'instruction return.

Complétez return false avec PreventDefault() pour garantir que l'action par défaut du formulaire est toujours bloquée, même en cas d'erreurs. L'extrait de code suivant illustre cette approche :

function mySubmitFunction(e) {
  e.preventDefault();
  someBug();
  return false;
}

Alternativement, un bloc try...catch fournit un mécanisme de sécurité :

function mySubmit(e) { 
  e.preventDefault(); 
  try {
   someBug();
  } catch (e) {
   throw new Error(e.message);
  }
  return false;
}

Cela garantit que la soumission du formulaire est bloquée même si la fonction someBug() rencontre une erreur. En utilisant ces techniques, vous pouvez empêcher efficacement les soumissions de formulaires et garder le contrôle sur l'expérience utilisateur.

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!