Deshabilitar formulario enviar automáticamente en el botón haga clic en

Question

Tengo un formulario HTML donde utilizo varios botones. El problema es que no importa en qué botón haga clic, el formulario será enviado aunque el botón no sea del tipo "enviar". p.ej. Botones como: <button>Click to do something</button>, dan como resultado el envío de formularios.

Es bastante doloroso hacer un e.preventDefault() para cada uno de estos botones.

Uso jQuery y jQuery UI y el sitio web está en HTML5.

¿Hay alguna manera de deshabilitar este comportamiento automático?

Answer 1

Botones como <button>Click to do something</button>son botones de envío.

Conjunto type="button" para cambiar eso. type="submit" es el valor predeterminado (como specified by the HTML recommendation).

Answer 2

<button> de hecho son botones de envío, no tienen ninguna otra funcionalidad principal. Deberá configurar el tipo de botón.
Pero si enlaza su manejador de eventos como se muestra a continuación, apunte a todos los botones y no tenga que hacerlo manualmente para cada botón.

$('form button').on("click",function(e){ 
    e.preventDefault(); 
}); 

Answer 3

No es difícil hacer lo que desea. Sólo podría tratar de usar retorno falsa (return false anula comportamiento predeterminado en cada elemento DOM) así:

myform.onsubmit=function() 
{ 
    //do what you want; 
    return false; 
} 

y luego enviar su formulario utilizando myform.submit()

o alternativamente:

mybutton.onclick=function() 
{ 
    //do what you want; 
    return false; 
} 

Sin embargo, creo que Input type = "button"/Button type = "button" no enviará su formulario y puede usarlo sin ningún problema.

Answer 4

si desea agregar directamente a la entrada como atributo, utilice este

onclick="return false;" 

<input id = "btnPlay" type="button" onclick="return false;" value="play" /> 

esta forma evitará que presenten un comportamiento