我们可以在Java脚本验证功能中包含jquery吗？

Question

我有一个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验证？ 谢谢

Answer 1

要从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);
                 });

希望这可以帮助。