<form action=""> <button>click</button> </form>El comportamiento predeterminado de un botón dentro de un formulario es enviar ese formulario.
¿Cómo puedo deshabilitar el comportamiento de envío de ese botón?
Agregue un type="button" a él:
<button type="button">Click</button>Los tipos disponibles son:
Una buena referencia: https://developer.mozilla.org/en/DOM/HTMLButtonElement
Esto se deshabilitará a través de javascript
<button onclick='return false'>click</button>Pero solo puedes definir el tipo
<button type='button'>click</button>Hay ocasiones en las que desea mantener las sutilezas de un botón de submit (por ejemplo, en un dispositivo móvil, donde el botón de submit se puede activar desde el teclado, pero solo si el botón es parte del formulario y de tipo submit ). En este caso, lo que debe hacer es evitar la acción predeterminada del botón.
Usando jQuery 1.7+ (usando .on - Recomiendo encarecidamente leer la documentación - hay muchos matices en el uso de .on que pueden afectar enormemente el rendimiento)
$(document).on("click", "button", "event", function(evt) { evt.preventDefault(); ... }Usando versiones anteriores de jQuery...
$("#button-id").bind("click", function(evt, ui) { evt.preventDefault(); ... } Tenga en cuenta que puede usar cualquier selector (seleccionar por clase, tipo de elemento, etc.) o un método de enlace al evento (en lugar de .bind , use .live , .delegate según corresponda a su versión de jquery.