阻止表单以bootstrap形式提交

Question

我有两个问题 我正在使用bootstrap表单和bootstrap内置验证来进行表单控件验证。

问题1 ：
当所有表单控件都有效时，是否有任何表单属性被设置？

问题2 ：
我想阻止表单提交按钮提交按钮并打开模式弹出窗口以确认填写的详细信息，然后在确认点击时提交表单。
在这种情况下，form.preventDefault()方法不适用于IE和Chrome。

怎么迎合这个东西？

Answer 1

您可以使用Jquery验证，它适用于bootstrap。

• 声明规则：

  var $validator = $('#yourForm').validate({
  rules: {
      firstname: {
          required: true,
          minlength: 3
      },
      email: {
          required: true,
          minlength: 3,
      }
  },
  
  errorPlacement: function(error, element) {
      $(element).parent('div').addClass('has-error');
  }
  

  }）;

• 检查表格有效：

  var $ isValid = $（'。wizard-card form'）。valid（）;

• 之后，使用jquery提交处理提交表单： https://api.jquery.com/submit/

希望它有所帮助。