'How to submit multiple, duplicate forms from same page in Rails - preferably with one button

In my new views page I have:

<% 10.times do %>
  <%= render 'group_member_form' %>     
<% end %>

Now this form contains the fields: first_name, last_name, email_address and mobile_number. Basically I want to be able to fill in the fields of all the forms in one click which then submits each into the database as a unique row/id.

What would be the easiest way to accomplish this?

Note: The number of times do is called from a variable. Any advice welcome, thanks!



Solution 1:[1]

You can also use accepts_nested_attributes_for in your model, and use fields_for on your form.

Submitting multiple forms, afaik, only javascript, if the forms are remote: true, and you run through each of them and then submit.

$("form.class_of_forms").each(function() {
  $(this).submit();
});

Solution 2:[2]

Alternatively a more up to date approach using form_with and fields_for, without removing the form into a partial, could be written like this:

<%= form_with (url: end_point_path), remote: true do |form| %>
    <% (1..5).each do |i| %>
        <%= fields_for 'cart_items'+[i].to_s do |fields|%>
            <%= fields.text_field :first_name  %>
            <%= fields.text_field :last_name  %>
            <%= fields.email_field :email_address  %>
            <%= fields.number_field :phone_number %>
        <% end %>
    <% end %>
    <%= form.submit "Submit" %>
<% end %>

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 berislavbabic
Solution 2 Victor