提交表单时显示覆盖图

Question

我想在用户提交表单时显示覆盖图。我使用$('form').submit(function { [...] })来实现这一点。

问题是我正在使用客户端验证。直接的解决方案当然是手动验证表单：if ($('form').validate().valid()) { .. }

最终的解决方案是挂接到POST时创建的某个事件。 （支持任何其他插件，可能会阻止表单提交并且未使用验证插件。）

Answer 1

假设你正在使用jQuery validate，您可以使用submitHandler属性时验证通过运行代码，例如：

$("#myForm").validate({ 
    submitHandler: function(form) { 
     // display overlay 

     form.submit(); 
    } 
}); 

Further reading

Answer 2

尝试使用return false;验证错误时提交。