Deshabilitar el envío automático del formulario al hacer clic en el botón

Tengo un formulario HTML donde uso varios botones. El problema es que no importa en qué botón haga clic, el formulario se enviará incluso si el botón no es del tipo "enviar". Por ejemplo, botones como: <button>Click to do something</button>dan como resultado el envío del formulario.

Es bastante doloroso hacer uno 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?

Los botones como <button>Click to do something</button> son botones de enviar.

Establecido type="button"para cambiar eso. type="submit"es el valor predeterminado (según lo especificado por la recomendación HTML ).

Podrías intentar usar return false (return false anula el comportamiento predeterminado en cada elemento DOM) así:

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

y luego envíe su formulario usando myform.submit ()

o alternativamente :

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

Además, si utiliza type="button"su formulario no será enviado.

<button>De hecho, son botones de envío, no tienen otra funcionalidad principal. Deberá establecer el tipo en el botón.
¡Pero si vincula su controlador de eventos como se muestra a continuación, apunta a todos los botones y no tiene que hacerlo manualmente para cada botón!

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

si desea agregar directamente a la entrada como atributo, use esto

 onclick="return false;" 

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

esto evitará el comportamiento de envío de formulario

otro:

if(this.checkValidity() == false) {

                $(this).addClass('was-validated');
                e.preventDefault();
                e.stopPropagation();
                e.stopImmediatePropagation();

                return false;
}