客户端上的 AspRequiredFieldValidator 无效事件答案

【问题标题】：Asp RequiredFieldValidator invalid event on client side客户端上的 AspRequiredFieldValidator 无效事件
【发布时间】：2016-06-07 06:45:05
【问题描述】：

我想在我的 ASP 网站上的每个帖子中显示加载消息。为此，我在主表单的提交事件中显示 jQuery 中的加载器，并在文档就绪事件中隐藏它。但是我有一个问题，我用RequiredFieldValidator检查输入，当验证失败时，提交事件仍然被触发。所以我的加载器出现了，但它永远不会消失，因为文档准备好永远不会被触发。

谁能帮我想办法在显示加载器之前知道验证是否通过？

【问题讨论】：

你想在页面加载时显示加载器吗？
是的，但不仅如此。我也希望在每次回发时使用它。
您可以在每次页面通过css加载时显示加载。并在页面完全加载时隐藏它。我用css做同样的事情。如果你愿意，我可以发布代码。
是的，它会帮助我

标签： jquery asp.net vb.net requiredfieldvalidator

【解决方案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;
        }

在body区域使用下面的div：

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

当页面完全加载后，我们必须使用以下脚本来隐藏加载div：

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

希望对你有帮助:)

【讨论】：

【解决方案2】：

我使用这样的东西来阻止提交触发

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-icon-custom 只是一个附加到按钮的旋转 gif

【讨论】：

【解决方案3】：

我终于在asp文档中找到了答案： https://msdn.microsoft.com/en-us/library/aa479045.aspx#aspplusvalid_clientside

有一个只有 4 个对象的客户端 Api，其中一个是 Page_IsValid。此布尔值始终由验证脚本保持最新，它指示页面当前是否有效。

所以，我只需要在显示加载器之前检查此布尔值是否设置为 true。

【讨论】：