Jquery AJAX表单提交不'；在IE11和Edge中不起作用

无法解决表单提交的问题。我将此代码用于我的表单：

        <div class="modal fade" id="modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
      <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="myModalLabel">Callback request</h4>
          </div>
          <div class="modal-body">
            <p>Please send us your contact information and we will call you back soon</p>
            <form class="callback" method="post" id="form1">
              <div class="input-group">
                <span class="input-group-addon"><span class="glyphicon glyphicon-user"></span></span>
                <input type="text" required class="form-control" id="firstName" name="fio" placeholder="Your name">
              </div>
              <br>
              <div class="input-group">
                <span class="input-group-addon"><span class="glyphicon glyphicon-earphone"></span></span>
                <input type="tel" required class="form-control" id="phoneNumber" name="phone" placeholder="Phone number">
              </div>
              <br>
              <div class="input-group">
                <span class="input-group-addon"><span class="glyphicon glyphicon-envelope"></span></span>
                <input type="email" class="form-control" id="inputEmail" name="email" placeholder="Email">
              </div>
              <br>
              <textarea class="form-control hidden-sm hidden-xs" rows="3" id="textField" name="comment" placeholder="Additional information" style="width:100%"></textarea>
              <input type="hidden" class="form-control" name="subject" value="Callback request">
            </form>
            <p class="text-center">We don't share any of your personal data with anyone</p>
          </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" form="form1" onclick="yaCounter12657748.reachGoal('order'); return true;">Submit</button>
          </div>
        </div>
      </div>
    </div>

&时代；
回调请求
请将您的联系信息发送给我们，我们将很快给您回电话







我们不会与任何人共享您的任何个人数据
接近
提交

这个剧本呢

    <script type="text/javascript"> 
    $(document).ready(function()
    {
        var msg = $("#form1").serialize();
        var options = {
            type: "POST",
            url: "callback_form.php",
            data: msg,
            success: function(data) {
                $("#modal p").fadeOut("fast");
                $("#form1").fadeOut("fast", function(){
                    $(this).before("<h4 class='text-center'>Thank you for your message</h4>");
                    setTimeout("$('#modal').modal('hide')", 3000);
                });
            },
            error: function(xhr, str){
                alert("Error occured!");
            }
        };
        $('#form1').submit(function(e) {
            e.preventDefault();
            $('#form1').ajaxSubmit(options);
        });
    });
</script>

$（文档）.ready（函数（）
{
var msg=$（“#form1”）.serialize（）；
变量选项={
类型：“POST”，
url:“callback_form.php”，
资料:msg,，
成功：功能（数据）{
美元（“#模态p”）。淡出（“快速”）；
$（“#form1”）.fadeOut（“快速”，函数（）{
$（此）。之前（“感谢您的留言”）；
setTimeout（$（'#model'）.model（'hide'）”，3000）；
});
},
错误：函数（xhr、str）{
警报（“发生错误！”）；
}
};
$（'#form1'）。提交（函数（e）{
e、 预防默认值（）；
$（'表格1'）。ajaxSubmit（选项）；
});
});

---

该表单在Mozilla、Opera、Chrome、Safari和其他浏览器中运行良好，但在IE11和Edge（我确信这不是全部列表）中，当我单击submit按钮时，它不会执行任何操作。它不会褪色，不会在控制台中显示任何错误。我还使用jQuery表单插件来解决Safari的问题，但不幸的是，由于某些原因，它无法处理IE和Edge。也许我这里有一些语法错误？

好的，我已经找到了为什么不在IE中工作。您已经在表单外插入了按钮。把这个放进去。干得好

<div class="modal fade" id="modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <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="myModalLabel">Callback request</h4>
      </div>
      <div class="modal-body">
        <p>Please send us your contact information and we will call you back soon</p>
        <form class="callback" method="post" id="form1">
          <div class="input-group">
            <span class="input-group-addon"><span class="glyphicon glyphicon-user"></span></span>
            <input type="text" required class="form-control" id="firstName" name="fio" placeholder="Your name">
          </div>
          <br>
          <div class="input-group">
            <span class="input-group-addon"><span class="glyphicon glyphicon-earphone"></span></span>
            <input type="tel" required class="form-control" id="phoneNumber" name="phone" placeholder="Phone number">
          </div>
          <br>
          <div class="input-group">
            <span class="input-group-addon"><span class="glyphicon glyphicon-envelope"></span></span>
            <input type="email" class="form-control" id="inputEmail" name="email" placeholder="Email">
          </div>
          <br>
          <textarea class="form-control hidden-sm hidden-xs" rows="3" id="textField" name="comment" placeholder="Additional information" style="width:100%"></textarea>
          <input type="hidden" class="form-control" name="subject" value="Callback request">
          <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            <button type="submit" class="btn btn-primary submit" form="form1" onclick="">Submit</button>
          </div>
        </form>
        <p class="text-center">We don't share any of your personal data with anyone</p>
      </div>

    </div>
  </div>
</div>

&时代；
回调请求
请将您的联系信息发送给我们，我们将很快给您回电话







接近
提交
我们不会与任何人共享您的任何个人数据

非常感谢。我以前有过这个想法，但没有测试，因为我觉得它看起来很糟糕。但是表单看起来很好。