我們可以在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);
                 });

希望這可以幫助。