Javascript 引导模式框在我提交表单时未提交表单数据，并且未插入数据库

大家好，我面临的问题是，在bootstarp模式中，当我单击submit按钮或form时，它不会在数据库中插入数据，但使用form中的ok按钮，我需要在bootstrap模式自动关闭时将数据提交到数据库中。任何帮助，请提前感谢各位

代码：

启动演示模式
琼斯先生

javascript:

<script>
var modalActive = false;
function time() { 
  var d = new Date();
  var s = d.getSeconds();
  var m = d.getMinutes();
  var h = d.getHours();
  $("#label").html(h+":"+m+":"+s)

  if(!modalActive && (h == 10 && m == 39 )){
      modalActive = true;
      $('#overlay').modal('show');
  }

  if(modalActive && (h == 10 && m == 40 )){
      modalActive = false;
      $('#overlay').modal('hide');
  }

}
setInterval(time, 1000);</script>


     <script>
      var timer = setInterval(time, 50);
      $('#submitApprove').on("submit", function(event) {
       event.preventDefault();
    $.ajax({
       method: "POST",
        url : <?php echo base_url(); ?>uncerr/uncef/booked ,
       data: {"user_name" : $user_name, "user_emp_id" : user_emp_id},
       success: function() {
       $('#overlay').modal( 'hide' );
        clearInterval(timer);
      }
   });
 });
  </script>

var modalActive=false；
函数时间（）{
var d=新日期（）；
var s=d.getSeconds（）；
var m=d.getMinutes（）；
var h=d.getHours（）；
$（“#label”）.html（h+：“+m+”：“+s）
如果（！modalActive&&（h==10&&m==39））{
modalActive=true；
$（'#overlay'）.modal（'show'）；
}
如果（modalActive&&（h==10&&m==40））{
modalActive=假；
$（'#overlay'）.modal（'hide'）；
}
}
设置间隔（时间，1000）；
var定时器=设置间隔（时间，50）；
$（'#submitprove'）。在（“提交”，函数（事件）{
event.preventDefault（）；
$.ajax({
方法：“张贴”，
url:uncerr/uncerf/booked，
数据：{“user_name”：$user_name，“user_emp_id”：user_emp_id}，
成功：函数（）{
$（'#overlay'）。模态（'hide'）；
清除间隔（计时器）；
}
});
});

新脚本：

  <script>
   var modalActive = false;
   function time() { 
      var d = new Date();
      var s = d.getSeconds();
     var m = d.getMinutes();
    var h = d.getHours();
     $("#label").html(h+":"+m+":"+s)

      if(!modalActive && (h == 15 && m == 52 )){
       modalActive = true;
        $('#overlay').modal('show');
     }

     if(modalActive && (h == 15 && m == 53 )){
        modalActive = false;
         $('#overlay').modal('hide');
      }

    if(!modalActive && (h == 15 && m == 43)){
       modalActive = true;
        $('#overlays').modal('show');
     }
      if(modalActive && (h==15 && m== 39)){
       modalActive = false;
      $('#overlays').modal('hide');
   }

}
setInterval(time ,1000);
   ('#submitApprove input[type="submit"]').on("click", function(event) {
   // submit form via ajax, then
   event.preventDefault();
  $('#overlay').modal( 'hide' );
  setTimeout(function( ) { clearInterval( time ); }, 5000);
  });

var modalActive=false；
函数时间（）{
var d=新日期（）；
var s=d.getSeconds（）；
var m=d.getMinutes（）；
var h=d.getHours（）；
$（“#label”）.html（h+：“+m+”：“+s）
如果（！modalActive&&（h==15&&m==52））{
modalActive=true；
$（'#overlay'）.modal（'show'）；
}
如果（modalActive&&（h==15&&m==53））{
modalActive=假；
$（'#overlay'）.modal（'hide'）；
}
如果（！modalActive&&（h==15&&m==43））{
modalActive=true；
$（“#覆盖”）.modal（'show'）；
}
如果（modalActive&&（h==15&&m==39））{
modalActive=假；
$（“#覆盖”）.modal（'hide'）；
}
}
设置间隔（时间，1000）；
（“#提交批准输入[type=“submit”]”）。在（“单击”上，功能（事件）{
//通过ajax提交表单，然后
event.preventDefault（）；
$（'#overlay'）。模态（'hide'）；
setTimeout（函数（）{clearInterval（time）；}，5000）；
});

您可以在表单上绑定“onclick”-事件。相反，您应该在按钮上绑定click事件：

('#submitApprove input[type="submit"]').on("click", function(event) {
// submit form via ajax, then
event.preventDefault();
$('#overlay').modal( 'hide' );
});

然后，获取如下值并通过ajax发送：

var id = $('#useremp_id').val()

---

如果要将事件绑定到表单，请使用submit而不是click事件。在进行ajax调用之前，请防止默认表单提交行为

var timer = setInterval(time, 1000);
$('#submitApprove').on("submit", function(event) {
  event.preventDefault();
  $.ajax({
    method: "POST",
    url: url,
    data: data,
    success: function() {
     $('#overlay').modal( 'hide' );
     clearInterval(timer);
    }
  });
});

---

您仍然需要关闭引导模式，但不需要数据插入@Bluesight。是否有任何选项，可以先单击“确定”按钮，然后执行表单提交，下一个操作应该是关闭引导模式var id=$（“#useremp_id”）中的get值意味着什么。val（）你仍然没有提交@Chandrui必须提交隐藏的输入值控制台中有错误吗？在开发工具的“网络”选项卡下，您是否看到任何XHR调用？hi@Chandru正在提交数据，但模式窗口关闭并再次打开请参见以下代码：：$（'submitprove'）。on（“提交”，函数（事件）{event.preventDefault（）；$.ajax（{type:“POST”，数据类型：“json”，url:“usgs/usg/booked”，数据：{“user_name”：$user_name，“user_emp_id”：user_emp_id}，}；成功：函数（数据）{$（'#overlay'）.modal（'hide'）；}，}）；模态窗口再次升起，那么我如何停止再次升起模态窗口，而不是在安装@Chandru表单后升起模态窗口

var timer = setInterval(time, 1000);
$('#submitApprove').on("submit", function(event) {
  event.preventDefault();
  $.ajax({
    method: "POST",
    url: url,
    data: data,
    success: function() {
     $('#overlay').modal( 'hide' );
     clearInterval(timer);
    }
  });
});