Rails5: form remote - trigger submit

Question

I have a form with remote option set. I need to trigger the submit programmatically.

In Rails 4 I use $('form').trigger('submit.rails') and it works as expected. In Rails 5 (5.1.2 and 5.0.4) triggering that event causes a standard submit (formdata, not AJAX).

For Rails staff 'submit.rails' is not part of Rails project, see here

Any idea?

UPDATE:

Form code:

<%= form_with(model: post, remote: true) do |form| %>
  <% if post.errors.any? %>
    <div id="error_explanation">
      <h2><%= pluralize(post.errors.count, "error") %> prohibited this post from being saved:</h2>
      <ul>
      <% post.errors.full_messages.each do |message| %>
        <li><%= message %></li>
      <% end %>
      </ul>
    </div>
  <% end %>
  <div class="actions">
    <%= form.submit %>
  </div>
<% end %>

I've never heard of submit.rails. where does it come from? — Pavan
– Pavan, Commented Jul 19, 2017 at 6:48
Seems like this is a part of jquery-rails. Can you ensure that this is included in your project? — 31piy
– 31piy, Commented Jul 19, 2017 at 7:07
@DeepakMahakale because it causes a standard submit (formdata, not AJAX) — Mat
– Mat, Commented Jul 19, 2017 at 7:23

Simple Lime · Accepted Answer · 2017-07-19 08:01:20Z

4

As stated in the comments thread, the jquery-rails gem needs to be included into your application.js file for things to work properly

The jquery and jquery-ujs files will be added to the asset pipeline and available for you to use. If they're not already in app/assets/javascripts/application.js by default, add these lines:
//= require jquery
//= require jquery_ujs

It appears you're missing the second line

//= require jquery_ujs

Following your reproduction steps in the GitHub issue, and then making sure that line is included fixes the issue for me, and $('form').trigger('submit.rails') in the javascript console starts submitting as

Processing by PostsController#create as JS

answered Jul 19, 2017 at 8:01

Simple Lime

11.1k2 gold badges20 silver badges32 bronze badges

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

Collectives™ on Stack Overflow

Rails5: form remote - trigger submit

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