jQuery prevent default, form submit twice

Question

I want to prevent a form to submit twice after changing a select box. I tried to use e.preventDefault(), but it makes no difference.

 $(document).ready(function() { $(document).on("change","#select1", function(e){ e.preventDefault(); $("#form1").submit(); }); });

adeneo · Accepted Answer · 2013-04-01 15:03:37Z

1

The form won't submit twice with that code, but it does'nt prevent the form from submitting either, it just prevents the change event on the select, as that is the element and event you are binding to.

answered Apr 1, 2013 at 15:03

adeneo

319k29 gold badges410 silver badges392 bronze badges

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

1 Comment

user2182429 Over a year ago

But what could it be than that is submitting the form twice? Hitting the submit button doesn't fire submit twice.

Samuel Cole · Accepted Answer · 2013-04-01 16:14:38Z

You need to preventDefault on the form's submit event:

$('form').live('submit', function (e) { e.preventDefault(); });

Andrew Barber · Accepted Answer · 2013-04-30 20:30:14Z

Something like that?

$(document).ready(function() { var changed = 0; $(document).on("change","#select1", function(e) { changed++; if( changed > 1) return false; $("#form1").submit(); }); });

Collectives™ on Stack Overflow

jQuery prevent default, form submit twice

3 Answers 3

1 Comment

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Related