Jquery表单提交引导模式确认

我有一个带有jquery表单validation插件的表单（Bootstarp3）。 现在我想在validation表单后提交表单，当我提交表单时，我希望模态确认表单提交。 我怎样才能做到这一点？

我需要将模态放在提交处理程序中吗？

$("#dischargeform").validate({ submitHandle : { ??? } }). 

Answer 1

你的问题不清楚;

当我提交表单时，我希望模态确认表单提交。

如果你想在表单提交后显示模态，那么你需要使用Ajax提交表单，否则一旦validation后提交的表单没有可能的方式来显示模态窗口但是如果你想在表单validation后显示模态但是在表单提交之前，以下解决方案将起作用

这是在validation表单输入并从确认BS模态提交form后如何显示确认BS模态的方法。 必需的库是

• 引导
• jQuery表单validation

HTML表单

 
 
 Firstname  
 
 Lastname  
 
  
   

Bootstrap模态

 
 
 
 
  
Confirmation Heading
 
 
 
Are You Sure You want To submit The Form
 
 
 Close This Modal Confirm and Submit The Form 
 
 
  

jQueryvalidation

是的，你必须将模态放在提交处理程序中。

 $("#dischargeform").validate({ rules: { firstname: "required", lastname: "required", }, messages: { firstname: "Please enter your firstname", lastname: "Please enter your lastname", }, submitHandler: function (form) { $("#myModal").modal('show'); $('#SubForm').click(function () { form.submit(); }); } }); 

工作实例