Question

I have a form field that I would like to empty immediately the submit. Usually I would do something like:

$("#form").submit(function(e){
  e.preventDefault();
  $.post(/* custom craft request */);
  $("#field").val('');
});

Rails handles all the custom crafting when I add the :remote => true, but I can’t find a way to bind to immediately after the submission.

The documentation ( http://guides.rubyonrails.org/ajax_on_rails.html ) insists there’s an ajax:after event, but that doesn’t seem to exist. Apparently this documentation is completely outdated, since other functions like remote_form_for don’t exist in 3.2

Any help is appreciated. The setTimeout I’m using really doesn’t sit well.

EDIT: Adding the working setTimeout solution that I want to replace:

$("#form_id").submit(function(e){
    setTimeout(function(){ 
        //this will happen after submission     
    }, 15);
});

Answer 1

You can attach to ajax callbacks by doing this:

$("#form").bind("ajax:send", function(e){
   $("#field").val('');
});

Don’t forget to include the rails.js library https://github.com/rails/jquery-ujs