How to prevent form from being submitted?

by

Unlike the other answers, return false is only part of the answer. Consider the scenario in which a JS error occurs prior to the return statement…

html

<form onsubmit="return mySubmitFunction(event)">
  ...
</form>

script

function mySubmitFunction()
{
  someBug()
  return false;
}

returning false here won’t be executed and the form will be submitted either way. You should also call preventDefault to prevent the default form action for Ajax form submissions.

function mySubmitFunction(e) {
  e.preventDefault();
  someBug();
  return false;
}

In this case, even with the bug the form won’t submit!

Alternatively, a try...catch block could be used.

function mySubmit(e) { 
  e.preventDefault(); 
  try {
   someBug();
  } catch (e) {
   throw new Error(e.message);
  }
  return false;
}

More Related Contents:

  1. html form that passes information to a variable in javascript [closed]
  2. My form’s validate() is not working
  3. Stop form refreshing page on submit
  4. Clearing using jQuery
  5. HTML5 form required attribute. Set custom validation message?
  6. Adding input elements dynamically to form
  7. Submitting a form on ‘Enter’ with jQuery?
  8. How can I set the form action through JavaScript?
  9. How to send a JSON object using html form data
  10. Prevent form redirect OR refresh on submit?
  11. HTML form action and onsubmit issues
  12. passing form data to another HTML page
  13. Intercept a form submit in JavaScript and prevent normal submission
  14. Understanding HTML Form Element behavior
  15. Stop an input field in a form from being submitted
  16. Want HTML form submit to do nothing
  17. How to Call a JS function using OnClick event [duplicate]
  18. Enable/Disable submit button if checkbox is checked/unchecked?
  19. How to save data from a form with HTML5 Local Storage?
  20. Submit form after calling e.preventDefault()
  21. Change value of input and submit form in JavaScript
  22. How do you limit options selected in a html select box?
  23. Trigger autocomplete without submitting a form
  24. submit event does not fire if submit initiated programmatically
  25. Passing javascript variables between pages [duplicate]
  26. Angular form validation ng-disabled not working
  27. How to create dynamically
  28. How best to make a link submit a form
  29. How can I void a form action and execute jQuery when all HTML form elements are validated?
  30. HTML form input tag name element array with JavaScript

Leave a Comment