How to trigger a form_for submit (rails) from jQuery?

Question

I have a jQuery Bootstrap Star Rating (http://plugins.krajee.com/star-rating). I am stuck trying to pass value it gets to Rails form_for. I do not know how to submit the form with value obtained from script.

<%= form_for @book.reader_books.build, id: "my-form", :html=> {:id => 'my-form'} do |f| %>
    <%= f.hidden_field :book_id, value: @book.id, :id=>"rating_field" %>     
      <div class="col-md-6 ratings">
        <div align="center"><%= @book.rating_average.to_i %></div>
        <input id="input-id" name="input-id">
      </div>
    <% end %>
  <% else %>
    <strong>Your rate:</strong>
    <%= @book.reader_books.find_by!(reader: current_reader).rating %>

Script that should trigger form submission:

<script type="text/javascript">
    $('#input-id').rating().on('rating.change', function(event, value, caption) {
        console.log(value);
        $("#rating_field").val(value);
        $("#my-form").submit();
    });
</script>

console.log(value); - Just checking if the data is entered. $("#rating_field").val(value); - Assigning value to the field. $("#my-form").submit(); - triggering a submit.

Thanks in advance!

Tony Vincent · Accepted Answer · 2019-11-25 09:55:53Z

3

doing $("#my-form").submit(); will NOT submit the form remotely. Instead a full refresh will occur

$("#my-form").trigger('submit.rails');

is the rails way of doing it.

EDIT

rails-ujs has a convenient wrapper for this

form = document.querySelector('form');
Rails.fire(form, 'submit');

edited Nov 25, 2019 at 9:55

answered Dec 14, 2016 at 10:10

Tony Vincent

14.5k7 gold badges52 silver badges71 bronze badges

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

1 Comment

B Seven Over a year ago

Uncaught ReferenceError: Rails is not defined

max · Accepted Answer · 2016-12-14 10:06:46Z

1

$('#input-id').rating().on('rating.change', function(event, value, caption) {
    // traversing up the DOM is faster and avoids hardcoding an ID.
    var $form = $(event.target).parents('form');
    // You can get inputs by name from a form element without querying the DOM.
    $form[0]["reader_book[book_id]"].value = value;
    $form.submit();
});

answered Dec 14, 2016 at 10:06

max

103k15 gold badges114 silver badges178 bronze badges

Comments

B Seven · Accepted Answer · 2019-11-25 14:33:35Z

0

I got it to work by using the click() function on the submit button, not on the form.

$('input[type="submit"]').click();

or

$('#submit-button').click();

answered Nov 25, 2019 at 14:33

B Seven

46.3k73 gold badges257 silver badges405 bronze badges

Collectives™ on Stack Overflow

How to trigger a form_for submit (rails) from jQuery?

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related