Prevent form from submitting with jQuery

Question

So this is driving me nuts. This code,

$('#the_form').submit(function(e){
            alert("Submit!");

            return false;
            e.preventDefault();
        });

should prevent my HTML form,

<form id="the_form">
                <input type="text" name="q" />
                <input type="submit" />
            </form>

from refreshing the page, but it doesn't. Does anyone have insight on this?

jsfiddle.net/oceog/G9JLG/1 it works as is, but yes, no preventDefault() needed. — zb'
– zb', Commented Oct 24, 2012 at 0:55

adeneo · Accepted Answer · 2012-10-24 00:54:07Z

4

$(function() {
    $('#the_form').on('submit', function(e){
        e.preventDefault();
        alert("Submit!");
    });
});

answered Oct 24, 2012 at 0:54

adeneo

319k29 gold badges410 silver badges392 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Ram Over a year ago

I was thinking about document ready handler. this should be the issue.

zb' Over a year ago

@undefined i think you right, because return false, prevents form from submitting

Ram Over a year ago

@eicto Yes return false === event.preventDefault() + event.stopPropagation();

adeneo Over a year ago

Both the return false and the preventDefault should stop the form, only reason I could think of why it would'nt, would be a missing DOM ready function? On the other hand one does'nt really need both, and there's no good reason to stop the propagation of a form submit that has been prevented.

KaeruCT · Accepted Answer · 2012-10-24 00:51:56Z

0

Try removing return false from your code, or putting it after e.preventDefault().

answered Oct 24, 2012 at 0:51

KaeruCT

1,65515 silver badges16 bronze badges

Comments

Sushanth -- · Accepted Answer · 2012-10-24 00:55:17Z

0

Just remove the return statement..

Also Make sure your code is encased in DOM ready Handler

$(document).ready( function() {
    $('#the_form').submit(function(e){
         alert("Submit!");
         e.preventDefault();
    });
});

answered Oct 24, 2012 at 0:55

Sushanth --

55.8k9 gold badges70 silver badges109 bronze badges

Collectives™ on Stack Overflow

Prevent form from submitting with jQuery

3 Answers 3

4 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

4 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related