Soumission de formulaire incorrecte à l'aide de la touche Entrée lorsqu'il y a deux boutons d'envoi

Question

J'ai un formulaire avec deux boutons de soumission - un pour Annuler et l'autre pour Enregistrer les valeurs de formulaire dans la base de données. Lorsque vous appuyez sur la touche Entrée, le bouton Annuler soumet le formulaire au lieu du bouton Enregistrer qui envoie le formulaire. Comment puis-je faire le bouton Enregistrer soumettre le formulaire lorsque la touche Entrée est enfoncée?

Merci,

Answer 1

Votre formulaire ne doit pas comporter deux boutons de présentation. Avoir le bouton Enregistrer être de type soumettre, et le bouton Annuler être de type bouton.

EDIT: Je vais mettre à jour cette réponse pour gérer plusieurs problèmes qui ont été soulevés. Rien de ce que j'ai vu dans la spécification HTML (c'est-à-dire le DTD) n'autorise deux boutons d'envoi sous une forme, mais le problème exact mentionné par l'OP peut se produire. Dans son cas, la solution est de faire le bouton Annuler de type bouton et ajouter dans le code JavaScript suivant:

<input type="button" value="Cancel" onclick="window.location.href='nextpage.html';"/> 

Ici, on remplacerait nextpage.html avec l'URL appropriée. Ou, this.form.action peut être le nouvel emplacement si la redirection est à l'action du formulaire.

Si l'OP veut être sûr et éviter JavaScript, cela ne peut être qu'un lien hypertexte (peut-être dénommé).