javascript - 防止表单以引导表单提交

Question

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

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

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

如何迎合这件事？

Answer 1

您可以使用 Jquery Validation，它与 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 = $('.向导卡表单').valid();

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

希望有帮助。