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();
}
});