Comment désactiver le comportement « soumettre » d'une étiquette de bouton à l'intérieur d'une étiquette de formulaire ?

Question

<form action="">
  <bouton>cliquez</bouton>
</form>

Le comportement par défaut du bouton

dans un formulaire consiste à soumettre le formulaire.

Comment puis-je désactiver le comportement de soumission de ce bouton ?

Answer 1

Parfois, vous souhaitez conserver un bouton submit 按钮的细节（例如，在移动设备上，只有当按钮是表单的一部分且类型为 submit 时，才能通过键盘触发 submit). Dans ce cas, vous devez empêcher le comportement par défaut du bouton.

Utilisation de jQuery 1.7+ (en utilisant .on - 我强烈建议阅读文档 - 使用 .on Il existe de nombreuses nuances qui peuvent grandement affecter les performances)

$(document).on("click", "button", "event", function(evt) {
    evt.preventDefault();
    ...
}

Utilisation d'une ancienne version de jQuery...

$("#button-id").bind("click", function(evt, ui) {
    evt.preventDefault();
    ...
}

Veuillez noter que vous pouvez utiliser n'importe quel sélecteur (sélection par classe, type d'élément, etc.) ou méthode de liaison d'un événement (au lieu d'utiliser .bind，使用适合你的 jQuery 版本的 .live、.delegate etc.).

Answer 2

Ajoutez type="button" dessus :

<button type="button">Click</button>

---

Les types disponibles sont :

• "submit" : valeur par défaut. soumettre le formulaire.
• "reset" : Réinitialise la saisie du formulaire.
• "bouton" : Aucune opération.

Une bonne référence : https://developer.mozilla.org/en/DOM/HTMLButtonElement