Comment puis-je empêcher un bouton de soumettre un formulaire ?

Personnalisation du comportement des boutons dans les formulaires

Dans les formulaires, il est courant d'avoir des boutons qui déclenchent différentes actions, telles que la soumission du formulaire ou l'exécution d'autres opérations. Cependant, dans certains cas, il peut être souhaitable qu'un bouton ne soumette pas le formulaire lorsqu'on clique dessus.

Problème :

Considérons un formulaire avec deux boutons : un " "Annuler les modifications" et un bouton "Soumettre". Le style de bouton jQuery UI est appliqué aux deux boutons. Cependant, le bouton « Annuler les modifications » soumet également le formulaire, même s'il lui manque l'attribut type="submit".

Solution :

La valeur par défaut pour le L'attribut type des éléments du bouton est "submit". Pour empêcher un bouton de soumettre le formulaire, définissez explicitement type="button":

<button type="button">Cancel changes</button>

Cette modification indique au navigateur que le bouton ne doit "ne rien faire" lorsqu'il est cliqué, garantissant que le formulaire ne reste pas affecté.

Notes supplémentaires :

• La fonction jQuery UI button() peut être utilisée pour améliorer l'apparence de les éléments bouton et input[type="button"].
• Il est important de noter que le paramètre type="button" désactivera la validation du formulaire pour ce bouton. Si une validation est souhaitée, utilisez plutôt type="submit".

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!