Comment faire pour qu'un bouton HTML ne recharge pas la page ?

Question

J'ai un bouton ( <input type="submit"> ). Lorsque l'on clique dessus, la page se recharge. Comme j'ai un peu de jQuery hide() qui sont appelées au chargement de la page, ce qui a pour effet de masquer à nouveau ces éléments. Comment puis-je faire en sorte que le bouton ne fasse rien, afin de pouvoir ajouter une action qui se produit lorsque le bouton est cliqué, mais sans recharger la page.

Answer 1

Il n'y a pas besoin de js ou de jquery. Pour arrêter le rechargement de la page, il suffit de spécifier le type de bouton comme 'bouton'. Si vous ne spécifiez pas le type de bouton, le navigateur le définira comme 'reset' ou 'submit', ce qui entraînera le rechargement de la page.

 <button type='button'>submit</button>

Answer 2

Utilisez soit le <button> ou utiliser un élément <input type="button"/> .

Answer 3

En HTML :

<form onsubmit="return false">
</form>

afin d'éviter le rafraîchissement de tous les "boutons", même avec un onclick assigné.

Answer 4

Vous pourriez ajouter un gestionnaire de clic sur le bouton avec jQuery et renvoyer false.

$("input[type='submit']").click(function() { return false; });

o

$("form").submit(function() { return false; });

Answer 5

En HTML :

<input type="submit" onclick="return false">

Avec jQuery, une variante similaire, déjà mentionnée.