RAILS-4 jquery-ujs make all my button inside a form_tag to submit button

Question

I have a problem with a form inside a modal.

Here is my form

<%= form_tag({controller: "controller", action: "action"}, id: "form_id", remote: true) do %>
   <button class="btn btn-default btn-xs btn-filter" id="id_button">
   <%= number_field_tag "id", nil, placeholder: "0", class: "input_class" %>
   <%= submit_tag("ok", id: "submit_add", class: "btn btn-success") %>
<% end %>

The submit tag works well, but jquery-ujs adds this event:

function(event) {
  var button = $(this);

  if (!rails.allowAction(button)) return rails.stopEverything(event);


  // register the pressed submit button
  var name = button.attr('name'),
  data = name ? {
  name: name,
  value: button.val()
} : null;

button.closest('form').data('ujs:submit-button', data);
}

on the button identified by #id_button, which causes that button to also submit the form, but I don't want that.

I found nothing about this problem.

Possible duplicate of [Can I make a – Cyril Duchon-Doris Mar 08 '16 at 23:20 — Cyril Duchon-Doris, Mar 08 '16 at 23:20

score 2 · Accepted Answer · answered Mar 08 '16 at 23:19

The default behavior of a button in HTML is to submit the form.

If you want a different type of action, you need to specify type="button" inside thebutton tag. This has nothing to do with jquery-ujs I'm afraid.

<button type="button" class="btn btn-default btn-xs btn-filter" id="id_button">

RAILS-4 jquery-ujs make all my button inside a form_tag to submit button

1 Answers1