Desativar envio automático de formulário ao clicar no botão

Eu tenho um formulário HTML onde eu uso vários botões. O problema é que, não importa em qual botão eu clico, o formulário será enviado, mesmo que o botão não seja do tipo "enviar". por exemplo, botões como:<button>Click to do something</button> resultam no envio do formulário.

É muito doloroso fazer uma e.preventDefault() para cada um desses botões.

Eu uso jQuery e jQuery UI e o site está em HTML5.

Existe uma maneira de desativar esse comportamento automático?

Botões como <button>Click to do something</button> são botões de envio.

Defina type="button"para mudar isso. type="submit"é o padrão (conforme especificado pela recomendação HTML ).

Você pode tentar usar return false (return false substitui o comportamento padrão em todos os elementos DOM) assim:

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

e envie seu formulário usando myform.submit ()

ou alternativamente :

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

Além disso, se você usar type="button"o formulário, não será enviado.

<button>Na verdade, são botões de envio, eles não têm outra funcionalidade principal. Você terá que definir o tipo para botão.
Mas se você vincular seu manipulador de eventos como abaixo, segmentará todos os botões e não precisará fazê-lo manualmente para cada botão!

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

se você deseja adicionar diretamente à entrada como atributo, use este

 onclick="return false;" 

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

isso impedirá o comportamento de envio de formulário

outro:

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

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

                return false;
}