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

时间:2014-09-12 07:57:58

标签: jquery forms jquery-validate

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

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

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

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

2 个答案:

答案 0 :(得分:1)

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

这解决了问题:)

答案 1 :(得分:-1)

尝试这个

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