Ruby on Rails - form.submit() Jquery not passing parameters as JS

Question

I'm trying to auto submit a form when the page loads using the jQuery code below:

$(document).ready(function(){
  $("#finds_expense").submit();
});

The form submission requires the parameters as JS. When I submit the form manually, it works perfectly, but when I use jQuery's (document).ready, somehow the parameters are passed as HTML, not JS. I appreciate any help on this. Had been stucked with this problem for quite some time. TQ.

Below is the code for finds_expense:

<div id="month-lookup"> 
<%= form_tag search_expense_path, remote: true, method: :get, id: "finds_expense" do %>
    <div class="form-group row no-padding text-center col-md-8">
        <div class="col-md-4">
            <%= text_field_tag :month,  params[:month], 
                placeholder: "month", 
                autofocus: true,  
                class: "form-control search-box input-lg" %>
        </div>
        <div class="col-md-4">
            <%= text_field_tag :year, params[:year], 
                placeholder: "year", 
                autofocus: true,  
                class: "form-control search-box input-lg" %>
        </div>
        <div class="col-md-2">
            <%= button_tag(type: :submit, class: "btn btn-lg btn-success", id: "submit_expense") do %>
                <i class="fa fa-search"></i> Send
            <% end %>
        </div>
    </div>
<%end%>

Try the second answer in the duplicate tag post. If it didn't work, i will reopen the question. — Pavan
– Pavan, Commented Sep 24, 2018 at 13:15
The solution did not work for me. I already try changing from .submit() to trigger('submit.rails'), but the parameters are still being passed as HTML, not JS. Appreciate to reopen the question. TQ — Mus KidCare
– Mus KidCare, Commented Sep 24, 2018 at 13:24
Do you have remote: true in your form ? <%= form_tag XXXX, remote: true%> — LolWalid
– LolWalid, Commented Sep 24, 2018 at 13:34

Rodrigo · Accepted Answer · 2018-09-24 16:15:15Z

0

If you call the .submit() method in the form object the remote: true option won't work.

An option is to trigger the form using the .trigger('submit').

Another solution might be something like this:

$(document).ready(function(){
  var formData = $("#finds_expense").serialize();
  $.ajax({
   url: '...',
   data: formData,
   type: 'POST',
   contentType: 'apploication/script'
  });
});

answered Sep 24, 2018 at 16:15

Rodrigo

4,8125 gold badges44 silver badges78 bronze badges

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

1 Comment

Mus KidCare Over a year ago

It works!. Thanks a lot @Rodrigo. I just changed the type from 'POST' to 'GET'. Many thanks!!

Collectives™ on Stack Overflow

Ruby on Rails - form.submit() Jquery not passing parameters as JS

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related