2016-06-07 39 views
1

我想在我的asp網站上的每篇文章中顯示一條加載消息。爲此,我在主窗體的提交事件中顯示jQuery中的加載器,並將其隱藏在文檔就緒事件中。但是我有一個問題,我使用RequiredFieldValidator來檢查輸入,當驗證失敗時,提交事件仍然被解僱。所以我的加載程序出現,但它永遠不會消失,因爲文檔準備就緒從未被解僱客戶端的Asp RequiredFieldValidator無效事件

任何人都可以請幫助我找到一種方法來知道在顯示加載程序之前驗證是否通過?

+0

是否要在頁面加載時顯示加載程序? –

+0

是的,但不僅限於此。我也希望每次回發。 –

+0

你可以顯示每次加載頁面時的CSS加載。 並在頁面完全加載時隱藏它。 我做了同樣的事情由CSS。如果你想我可以發佈代碼。 –

回答

0

我用這樣的事情來阻止射擊

event.preventDefault(); 

我的按鈕提交看起來像這樣

   $("#submitform") 
        .button({ icons: { primary: "ui-icon-search" }}) 
        .click(function(event) { 
         $(this).button({ icons: { primary: "ui-icon-custom" }}) 
        event.preventDefault(); 
        $("#myformid").submit(); 
            return true; 
        }); 

的UI圖標定製只是一個旋轉的GIF附加到按鈕

1

您可以使用以下style script來顯示整個頁面的加載:

#pageloaddiv { 
      position: fixed; 
      left: 0px; 
      top: 0px; 
      width: 100%; 
      height: 100%; 
      z-index: 9999; 
      background: url('/Areas/Admin/Content/Images/pageloader.gif') no-repeat center center; 
      background-color: #fff; 
      opacity: 0.8; 
     } 

在下面的div body地區使用:

<div id="pageloaddiv"></div> 

當頁面完全加載,我們必須使用下面的腳本,用於隱藏加載div

<script type="text/javascript">    
     $(window).load(function() { 
      $("#pageloaddiv").fadeOut(2000); 
     }); 
    </script> 

希望它會幫助你: )