javascript - Close Boostrap Modal AFTER form submit - Rails - Stack Overflow

admin管理员组

文章数量:1386846

I have a remote form in my rails app:

<%= form_for(@list_item, :remote => true) do |f| %>
  .............
  .............
  <%= f.submit("Add It!", class: "btn") %>
<% end %>

It's contained in a Bootstrap modal with id 'addListItem'. I want to dismiss this modal after submitting the form. I've found a few similar questions on SO, but none that has answered this in a way that prevents the form from submitting BEFORE the modal is closed. Help please?

I have a remote form in my rails app:

<%= form_for(@list_item, :remote => true) do |f| %>
  .............
  .............
  <%= f.submit("Add It!", class: "btn") %>
<% end %>

It's contained in a Bootstrap modal with id 'addListItem'. I want to dismiss this modal after submitting the form. I've found a few similar questions on SO, but none that has answered this in a way that prevents the form from submitting BEFORE the modal is closed. Help please?

• javascript
• ruby-on-rails
• forms
• twitter-bootstrap

Share Improve this question Follow asked May 6, 2014 at 1:42 setthelinesettheline 3,39388 gold badges3434 silver badges6565 bronze badges 2

• Are you responding w/ a js.erb template on your create action? – Helios de Guerra Commented May 6, 2014 at 2:28
• No, there's nothing to update on the page. – settheline Commented May 6, 2014 at 3:13

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 4

To dismiss the modal after form submit.

JavaScript

$('#form_id').on('submit', function() {
  $('#addListItem').modal('hide');
});

Add a click event on your submit button using jQuery:

$('.btn').click(function() {
  $('#addListItem').modal('toggle');
});

本文标签： javascriptClose Boostrap Modal AFTER form submitRailsStack Overflow