Rails/jQuery prevent form submission

Question

jQUery prevent form submission.

 $('#edit_user_form').submit(function(){
        $("textarea[name = user_form_snippet]").enabled = enabled;
        return false;
        e.preventDefault();
 });

Below is my rails form.

<%form_for @user, :html {:id => "edit_user_form" },
          :url => {action => "update", :id => @user.id} do |f| %>

<% end %>

My jQuery function is getting called, but for strange reason the form is getting submitted even if use either return false or e.preventDefault()

Fizk · Accepted Answer · 2014-04-25 10:57:06Z

7

If you want to use e.preventDefault(), you must have it before your return statement, as the return is always the last thing that happens in a function.

You should also update your code to include the e in the anonymous function, otherwise e.preventDefault() doesn't know what e is :)

http://jsfiddle.net/UEK7d/ <- Example fiddle

edited Apr 25, 2014 at 10:57

answered Apr 25, 2014 at 7:54

Fizk

1,1141 gold badge8 silver badges22 bronze badges

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

Collectives™ on Stack Overflow

Rails/jQuery prevent form submission

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related