How do I cancel form submission in submit button onclick event?

by

You are better off doing…

<form onsubmit="return isValidForm()" />

If isValidForm() returns false, then your form doesn’t submit.

You should also probably move your event handler from inline.

document.getElementById('my-form').onsubmit = function() {
    return isValidForm();
};

More Related Contents:

  1. Set the value of an input field
  2. Set the default value of an input field
  3. html form that passes information to a variable in javascript [closed]
  4. My form’s validate() is not working
  5. Submit form without page reloading
  6. Submit two forms with one button
  7. Submitting a form on ‘Enter’ with jQuery?
  8. JavaScript Form Submit – Confirm or Cancel Submission Dialog Box
  9. How can I set the form action through JavaScript?
  10. How to send a JSON object using html form data
  11. Prevent form redirect OR refresh on submit?
  12. HTML form action and onsubmit issues
  13. passing form data to another HTML page
  14. Intercept a form submit in JavaScript and prevent normal submission
  15. Understanding HTML Form Element behavior
  16. Stop an input field in a form from being submitted
  17. Want HTML form submit to do nothing
  18. How to Call a JS function using OnClick event [duplicate]
  19. Enable/Disable submit button if checkbox is checked/unchecked?
  20. How do you limit options selected in a html select box?
  21. Trigger autocomplete without submitting a form
  22. submit event does not fire if submit initiated programmatically
  23. Passing javascript variables between pages [duplicate]
  24. Angular form validation ng-disabled not working
  25. How to create dynamically
  26. How best to make a link submit a form
  27. A form’s “action” and “onsubmit”: Which executes first?
  28. Show/hide password onClick of button using Javascript only
  29. adding onclick event to dynamically added button?
  30. Form submit button will not submit when name of button is “submit” [duplicate]

Leave a Comment