验证成功后，在提交表单时触发jquery onclick事件

我有一个JSP表单，它使用

jquery.validate（）

插件进行验证。 单击submit按钮时，我需要显示一个div，其中显示进度条gif图像但我只想在表单验证成功并将内容传递到服务器后显示此内容。

我在按钮的onclick事件上编写了jquery

$("#submit").click(function(){
    $('#loading').show();
  });

但问题是，每次单击按钮进行验证时，都会显示进度条。如何使进度条不是在每次按钮单击时都可见，而是在成功验证后在按钮提交时可见？

试试这个

$("#submit").click(function(){
    var fun_call=your_validation_function();//Call here your validation function
    if(fun_call==true)
    {    
        $('#loading').show();
    }
});

---

这解决了问题：）

是的，使用

submitHandler

是正确的答案。但是，您不需要条件

if.valid（）

部分。这是因为，根据定义，

submitHandler

仅在表单有效时才会激发。你的条件测试永远不会失败，因此它是多余的。见：

 submitHandler: function(form) {
             if ($("form").valid()) {
                 $('#loading').show();
                 form.submit();
             }
         }