为什么表单在Bootstrap模式下不提交？

在Bootstrap模式下，表单不会自动提交的原因是因为Bootstrap框架使用了JavaScript来处理表单的提交事件，并且默认阻止了表单的自动提交行为。这是为了给开发者更多的灵活性和控制权，以便在提交之前可以进行一些额外的操作或验证。

当用户点击表单中的提交按钮时，Bootstrap会拦截该事件，并执行一些预定义的操作，例如表单验证、异步提交等。如果开发者希望在表单提交时执行自定义的操作，可以通过编写JavaScript代码来处理表单的提交事件。

要使表单在Bootstrap模式下提交，可以通过以下几种方式实现：

使用JavaScript手动提交：在表单的提交按钮上绑定一个JavaScript函数，该函数在点击按钮时触发，通过JavaScript代码获取表单数据并手动提交表单。示例代码如下：

<form id="myForm">
  <!-- 表单内容 -->
  <button type="button" onclick="submitForm()">提交</button>
</form>

<script>
  function submitForm() {
    var form = document.getElementById("myForm");
    // 获取表单数据并进行处理
    // ...
    // 手动提交表单
    form.submit();
  }
</script>

移除Bootstrap的表单拦截：通过移除Bootstrap框架对表单提交事件的拦截，使表单恢复默认的提交行为。可以通过以下代码实现：

<form id="myForm" data-toggle="validator" role="form">
  <!-- 表单内容 -->
  <button type="submit">提交</button>
</form>

<script>
  $(document).ready(function() {
    // 移除Bootstrap对表单提交事件的拦截
    $('#myForm').removeAttr('data-toggle');
  });
</script>

需要注意的是，移除Bootstrap的表单拦截可能会导致表单验证等功能失效，因此在使用此方法时需要自行处理表单验证等操作。

总结：表单在Bootstrap模式下不会自动提交是因为Bootstrap框架使用了JavaScript来处理表单的提交事件，并默认阻止了表单的自动提交行为。开发者可以通过编写JavaScript代码手动提交表单或移除Bootstrap的表单拦截来实现表单的提交。