Rails: Two identical submit buttons on the form

Question

I have one form but because of the design I can't use the same button on the mobile and web. I created two buttons, one is hidden on the mobile, one on desktop. However, one of them does not work.

Is there a way to have two submit buttons that do the exact same thing? I found lots of examples where two submit buttons do different thing. Mine looks something like this:

<%= form_tag form_path, class: "form", method: "GET" do %>
  <%= check_box_tag(:pet_dog) %>
  <%= label_tag(:pet_dog, "I own a dog") %>
  <%= check_box_tag(:pet_cat) %>
  <%= label_tag(:pet_cat, "I own a cat") %>

  <%= button_tag class:"mobile button" do%>
    SUBMIT
  <% end %>

  <%= button_tag class:"desktop button" do%>
    SUBMIT
  <% end %>
<% end %>

Which one doesn't work? What happens if you remove the working button, does the non-working button start working? Is the code different for one versus the other? Maybe there's something wrong with the submit code for one of them? — lurker
– lurker, Commented Feb 25, 2018 at 10:51

Thanh · Accepted Answer · 2018-02-25 11:04:07Z

0

Try adding an id for your form:

form_tag form_path, class: "form", id: "my_form" method: "GET"

And add form attribute to your buttons:

<%= button_tag class:"mobile button", form: "my_form" do%>
  SUBMIT
<% end %>

<%= button_tag class:"desktop button", form: "my_form" do%>
  SUBMIT
<% end %>

answered Feb 25, 2018 at 11:04

Thanh

8,6445 gold badges37 silver badges59 bronze badges

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

Comments

Alexey Melnikov · Accepted Answer · 2018-02-26 03:03:42Z

0

You can install: https://github.com/fnando/browser And try to use:

<%= button_tag class: "#{browser.mobile? ? 'mobile' : 'desktop'} button" do%>
  SUBMIT
<% end %>

answered Feb 26, 2018 at 3:03

Alexey Melnikov

1

Collectives™ on Stack Overflow

Rails: Two identical submit buttons on the form

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related