22 March Form_remote_tag submit by Javascript

Posted by jaap on in Javascript, Ruby on Rails

When you try to submit a form from Javascript, using form_remote_tag, like this:

Rails:

form_remote_tag :url => {:controller => "somecontroller", :action => "} , :html => {:id => "ajax-form-1">

If you just invoke form.submit(), like this:

var form = document.getElementById('ajax-form-1');
if(form)
   form.submit();

the form will be submitted to a new page, that’s not soo ajaxy you now think. Instead use:

var form = document.getElementById('ajax-form-1');<br />
if(form.onsubmit()){
   form.submit();
}

Now your form will be submitted on the AJAX way!

Tags: Ajax, form

6 Responses to “Form_remote_tag submit by Javascript”

1. r Says:
   September 19th, 2007 at 8:07 pm

   Great! Thanks!

2. Raph Says:
   February 28th, 2009 at 1:14 am

   Thanks, it’s of great help!

3. Ian Terrell Says:
   March 31st, 2009 at 4:32 pm

   For JQuery users (with jRails), calling onsubmit() on the form won’t work. Instead, call trigger(’onsubmit’).

4. feng Says:
   May 5th, 2009 at 7:59 am

   thanks, by chinese rails coder

5. Raj Says:
   August 20th, 2009 at 3:12 pm

   Thanks for this info.
   I was stumped why my page refreshed even after using form_remote_tag.
   Now I know!

6. Raghav Dasson Says:
   September 16th, 2009 at 3:19 pm

   Thanks!!! It was of great use to me.

Leave a Reply