Disable form auto submit on button click

Question

I have a HTML form where I use several buttons  The problem is that no matter which button I  click  the form will get submitted even if the button is not of type  submit   e g  Buttons like   lt button gt Click to do something lt  button gt   result in form submission   It s quite painful to do an e preventDefault   for each one of these buttons   I use jQuery and jQuery UI and the website is in HTML5   Is there a way to disable this automatic behavior

User · Accepted Answer

Buttons like  lt button gt Click to do something lt  button gt  are submit buttons   Set type  button  to change that  type  submit  is the default  as specified by the HTML recommendation

User · Answer

another one   if this checkValidity      false                       this  addClass  was-validated                    e preventDefault                    e stopPropagation                    e stopImmediatePropagation                     return false

User · Answer

You could just try using return false  return false overrides default behaviour on every DOM element  like that    myform onsubmit   function            do what you want   return false     and then submit your form using myform submit    or alternatively    mybutton onclick   function             do what you want    return false     Also  if you use type  button  your form will not be submitted

User · Answer

lt button gt  s are in fact submit buttons  they have no other main functionality  You will have to set the type to button  But if you bind your event handler like below  you target all buttons and do not have to do it manually for each button      form button   on  click  function e       e preventDefault

User · Answer

if you want to add directly  to  input    as attribute  use this    onclick  return false      lt input id    btnPlay  type  button  onclick  return false   value  play    gt     this will prevent form submit behaviour

[javascript] Disable form auto submit on button click

Examples related to javascript

Examples related to html

Examples related to button

Examples related to form-submit

Examples related to forms