Stop form refreshing page on submit

by

You can prevent the form from submitting with

$("#prospects_form").submit(function(e) {
    e.preventDefault();
});

Of course, in the function, you can check for empty fields, and if anything doesn’t look right, e.preventDefault() will stop the submit.

Without jQuery:

var form = document.getElementById("myForm");
function handleForm(event) { event.preventDefault(); } 
form.addEventListener('submit', handleForm);

More Related Contents:

  1. Clearing using jQuery
  2. Submitting a form on ‘Enter’ with jQuery?
  3. How to send a JSON object using html form data
  4. How to submit an HTML form without redirection
  5. Prevent form redirect OR refresh on submit?
  6. Drop-down box dependent on the option selected in another drop-down box
  7. How to prevent page from reloading after form submit – JQuery
  8. Property ‘submit’ of object # is not a function
  9. Adding rows dynamically with jQuery
  10. Best JavaScript solution for client-side form validation and interaction? [closed]
  11. Change the content of a div based on selection from dropdown menu
  12. jQuery Change event on an element – any way to retain previous value?
  13. Submit form after calling e.preventDefault()
  14. Trigger standard HTML5 validation (form) without using submit button?
  15. How do you limit options selected in a html select box?
  16. How can I get all a form’s values that would be submitted without submitting [duplicate]
  17. Trigger standard HTML validation (form) without using submit button? [duplicate]
  18. submit event does not fire if submit initiated programmatically
  19. Get content of span
  20. copying the value of a form’s file input field to another form’s input field
  21. When we using alert vs popup div tag? [closed]
  22. How to detect DIV’s dimension changed?
  23. How can I get form data with JavaScript/jQuery?
  24. Difference between val() and text()
  25. How to show popup message like in Stack Overflow
  26. How to find a parent with a known class in jQuery?
  27. How to prevent submitting the HTML form’s input field value if it empty
  28. how to move a div with arrow keys
  29. Bootstrap Dropdown with Hover
  30. Get value from text area [duplicate]

Leave a Comment