Using JQuery – preventing form from submitting

by

Two things stand out:

  • It possible that your form name is not form. Rather refer to
    the tag by dropping the #.

  • Also the e.preventDefault is the correct JQuery syntax, e.g.

        //option A
    $("form").submit(function(e){
        e.preventDefault();
    });

Option C should also work. I am not familiar with option B

A complete example:

<html>
    <head>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

        <script type="text/javascript">
         $(document).ready(function() {
            //option A
            $("form").submit(function(e){
                alert('submit intercepted');
                e.preventDefault(e);
            });
        });
        </script>
    </head>

    <body>
        <form action="http://google.com" method="GET">
          Search <input type="text" name="q" />
          <input type="submit"/>
        </form>
    </body>
</html>

More Related Contents:

  1. Prevent users from submitting a form by hitting Enter
  2. jQuery: how to get which button was clicked upon form submission?
  3. Clear form fields with jQuery
  4. val() vs. text() for textarea
  5. jQuery: serialize() form and other parameters
  6. JavaScript: how to change form action attribute value based on selection?
  7. validating multiple textbox having same name with jquery validator validates only first input
  8. How to send image to PHP file using Ajax?
  9. How to add additional fields to form before submit?
  10. Prevent redirect after form is submitted
  11. How to change an element’s title attribute using jQuery
  12. jQuery’s .on() method combined with the submit event
  13. How to use jQuery to add form elements dynamically
  14. calculate the number of html checkbox checked using jquery
  15. Is there a way to clone form field values in jQuery or javascript?
  16. Jquery toggle event is messing with checkbox value
  17. Retrieving HTTP status code from loaded iframe with Javascript
  18. How to reset radiobuttons in jQuery so that none is checked
  19. How to make Chrome remember password for an AJAX form?
  20. Disable scrolling when changing focus form elements ipad web app
  21. Ajax Form submit with preventDefault
  22. HTML5 textarea placeholder not appearing
  23. HTML5 validation before ajax submit
  24. jquery disable submit button on form submission
  25. jQuery html attribute not working in IE
  26. Force a checkbox to always submit, even when unchecked
  27. submit form does not stop in jquery ajax call
  28. jQuery detect click on disabled submit button
  29. Weird behaviour of iframe `name` attribute set by jQuery in IE
  30. How do I select the parent form based on which submit button is clicked?

Leave a Comment