如何在 javascript 中隐藏进度条

Question

伙计们，我正在从事航班预订 api 集成项目。当我在按钮进度条上单击搜索航班时一切正常 way.But 我遇到的问题是我从 javascript 调用进度条并且页面上出现验证错误仍然显示进度条。所以我的问题是如何在我使用 asp.net 服务器验证的页面上出现验证错误时隐藏进度条。

我的javascript是这样的：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    <script type="text/javascript">
        function ShowProgress() {
            setTimeout(function () {
                var modal = $('<div />');
                modal.addClass("modal");
                $('body').append(modal);
                var loading = $(".loading");
                loading.show();
                var top = Math.max($(window).height() / 2 - loading[0].offsetHeight / 2, 0);
                var left = Math.max($(window).width() / 2 - loading[0].offsetWidth / 2, 0);
                loading.css({ top: top, left: left });
            }, 200);
        }


         function changes() {

             ShowProgress();

         }
    </script>

我像这样在按钮点击时调用它：

<asp:Button ID="btnSearch" OnClientClick ="changes();"  runat="server" ValidationGroup ="r" Text="Search" Height="40px" 
                Width="134px" onclick="btnSearch_Click" />

我的进度条div是这样的：

<div class="loading" align="center">
        Loading. Please wait.<br />
        <img src="load.gif" style="height:50px; width :50px;" alt="" />
    </div>

Answer 1

真的很简单不用隐藏进度条。我做了什么我只在页面没有验证时显示进度条 error.For 我将验证组分配给每个验证控件和搜索按钮作为 "r" 然后检查验证错误为：

function changes() {
            if (Page_ClientValidate("r"))
                ShowProgress();


        }

修改后的更改() function.Thanks @Basic

如何在 javascript 中隐藏进度条

How to hide a progress bar in javascript

javascript

asp.net

validation

jquery