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

【问题标题】：Fire a jquery onclick event on submitting the form, after successful validation成功验证后，在提交表单时触发 jquery onclick 事件
【发布时间】：2014-09-12 07:57:58
【问题描述】：

我有一个 JSP 表单，它使用 jquery.validate() 插件进行验证。单击提交按钮时，我需要显示一个显示进度条 gif 图像的 div。 但我只想在表单验证成功并且内容传递到服务器后显示。

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

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

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

【问题讨论】：

标签： jquery forms jquery-validate

【解决方案1】：

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

这解决了问题:)

【讨论】：

是的，使用submitHandler 是正确答案。但是，您不需要条件 if .valid() 部分。这是因为，根据定义，submitHandler 只有在表单有效时才会触发。你的条件永远不会失败，因此它是多余的。见：jqueryvalidation.org/validate/#submithandler

【解决方案2】：

试试这个

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

【讨论】：