javascript - 提交表单时关闭 Bootstrap 模式

Question

我看过一些例子，例如 this ，但答案是将 data-dismiss="modal" 放在提交按钮上。但是，它不处理表单。它只是关闭模式。

表单提交后我们如何关闭它？

这是我的模式形式

<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="exampleModalLabel">New message</h4>
      </div>
      <form  role="form" id="contact-form" method="post">      
      <div class="modal-body">
          <div class="form-group">
            <label for="recipient-name" class="control-label">Your name:</label>
            <input name="name" required="" type="text" class="form-control" id="recipient-name"/>
          </div>        
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        <button type="submit" class="btn btn-primary">Submit now</button>
      </div>
      </form>
    </div>
  </div>
</div>

Answer 1

这个为我工作

$('#contact-form').on('submit', function() {
    $('#exampleModal').modal('hide');
});