jQuery验证和表单提交冲突

Question

我有很多领域的表格。 当用户提交它时，我需要首先验证字段，因此我正在使用以下代码：

$(document).ready(function () {
    $("#MainForm").validate({});
});

但是，我还有其他代码-提交正确时要运行一些操作代码。 但这总是阻止第一个脚本完成，并且不允许我验证表单。

$("#MainForm").submit(function(){
    $(".modal-after-submit").show();    
});   

成功通过验证后，如何使第二个代码运行？

Answer 1

尝试遵循以下模式：

$("#myform").validate({
  submitHandler: function(form) {
    // do other things for a valid form
    form.submit();
  }
});

在您的情况下，可能是这样的：

$(document).ready(function () {
   $("#MainForm").validate({
      submitHandler: function(form) {
         $(".modal-after-submit").show();  
         // do something else
         form.submit();
      }
   });
});

供参考： jQuery验证

Answer 2

在jquery验证中，您可以将两个功能合而为一，请按照以下说明进行操作

$("#MainForm").validate({
      submitHandler: function (event) {
          $(".modal-after-submit").show();
        }
       });