2016-06-07 88 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> 

希望它会帮助你: )