Question

我试图在没有页面刷新的情况下按下按钮时关闭此表单。然后其他人将放入Ajax代码中。这个表单是一个弹出窗口，因此弹出窗口需要关闭。目前我可以单击按钮而不刷新，但我需要弹出框才能关闭。我发现各种使用Ajax等，但正如我所说，其他人将在我关闭之后加入Ajax。这是表单代码

<div id="contact_form">
  <form role="form">
    <div class="form-group">
      <label for="rangeStart1">Range Start</label>
      <input type="text" class="form-control" id="rangeStart3" placeholder="Range Start">
    </div>
    <div class="form-group">
      <label for="rangeFinish1">Range Finish</label>
      <input type="text" class="form-control" id="rangeFinish3" placeholder="Range Finish">
    </div>

    <button type="submit" class="btn btn-default">Submit</button>
  </form>
</div>

这是函数（我在Stackoverflow上找到的）

 function sendContactForm(){
 $('#contactForm').submit(function () {
     sendContactForm();
     return false;
 });

Answer 1

使用此类链接： jQuery: Hide popup if click detected elsewhere

我发现这种解决方案会对你有所帮助。但是仔细阅读所有答案

并使用如下所示的技巧：

$("body").click(function(event ){
            var $target = $(event.target);
            if(!$target.parents().is(".popup") && !$target.is(".popup")){
                $("body").find(".popup").hide();
            }
        });

Answer 2

对html进行一点点演绎，这是让我为我工作的，

$(document).ready(function() {

    $('#form-1').submit(function(e) {
        e.preventDefault();
        $.get($(this).prop('action')+'?' + $(this).serialize());
        $('#myModal').modal('hide');
    });

    $('#form-2').submit(function(e) {
        e.preventDefault();
        $.get($(this).prop('action')+'?' + $(this).serialize());
        $('#myModal-1').modal('hide');
    });
});

感谢Upendrasinh Jadeja的指导

弹出窗体在提交时关闭页面刷新

2 个答案: