0

我有一个 JavaScript 验证函数和一个 jquery 进度条。onclick 一个按钮,它正在做一些验证,然后在后台进行一些长的数据库查询。我希望在这个查询进行时有一个进度条,以及在后台进程开始之前执行的 JavaScript 函数。这是它调用 JavaScript 函数的地方

<input name="btnPublish" class="button1" type="button" id="btnPublish" value="Publish" onClick="disableActiveButtons()"> 

我的jQuery就像::

$('#btnPublish').click(function() { 
                     var val = 0;
                     var interval = setInterval(function(){ 
                     val = val+1;    
                     $('#pb').progressbar({ value: val});   
                     $('#percent').text(val + '%'); 
                     if(val == 100){
                         clearInterval(interval);
                        }
                     }, 50);
                     });

我可以在 JavaScript 验证函数中包含这个 jquery 以便它们都可以工作吗?如果不是,我应该如何实现,以便我也有进度条和 JavaScript 验证?谢谢

4

1 回答 1

0

要从您的 JQuery onClick 中调用 javascript 函数,您可以:

从输入标签中删除 onclick 属性:

<input name="btnPublish" class="button1" type="button" id="btnPublish" value="Publish"> 

并将函数称为:

$('#btnPublish').click(function() { 

                 if(!disableActiveButtons()) 
                     return false; //cancel the event if validation failed , else continue 
                 var val = 0;
                 var interval = setInterval(function(){ 
                 val = val+1;    
                 $('#pb').progressbar({ value: val});   
                 $('#percent').text(val + '%'); 
                 if(val == 100){
                     clearInterval(interval);
                    }
                 }, 50);
                 });

希望这可以帮助。

于 2012-06-26T10:39:20.423 回答