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

No es difícil hacer lo que quieres. Puedes intentar usar return false (return false anula el comportamiento predeterminado en cada elemento DOM) de esta manera:

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;
}

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

<button>'s son de hecho botones de envío, no tienen ninguna otra funcionalidad principal. Usted tendrá que establecer el tipo de botón.
Pero si enlaza su controlador de eventos como a continuación, se dirige 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 este

 onclick="return false;" 

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

Esto evitará el comportamiento de envío de formularios