验证页面后在页面上显示图像答案

【问题标题】：Show Image on page after page has been validated验证页面后在页面上显示图像
【发布时间】：2017-11-11 06:31:29
【问题描述】：

我有一个 ASP.NET WebForms 网页，一旦页面有效，我们需要在页面上显示图像。目前，图像将显示是否存在验证错误。如果页面上没有验证错误，我们如何只显示图像？

图像出现后，代码将进行一些后台处理，因此此时无法将控制权返回给网页。

欢迎任何 Javascript/JQuery 脚本或建议。

【问题讨论】：

您在哪里进行验证？如果它在服务器端，您可以设置图像 run-at server=true，并将 Visible 设置为 false。您还可以将 C# 中的样式属性设置为在验证失败时不显示。
我们正在使用验证控件。因此，如果表单有效，我们希望在按钮 onclick 事件被操作时显示加载器图像。

标签： asp.net validation

【解决方案1】：

您可以做的是，在客户端，表单提交按钮添加一个功能来检查所有验证是否已通过，然后您可以显示加载器图像。请看以下代码：

<input type="submit" value="Submit" onclick"ValidatePage();" />

<script type="text/javascript">

function ValidatePage() {

    if (typeof (Page_ClientValidate) == 'function') {
        Page_ClientValidate();
    }

    if (Page_IsValid) {
        //Display Loader Image
       document.getElementById("yourbutton").click();
    }
    else {
        //alert('Page is not valid!');
    }
}

Determine if page is valid in JavaScript - ASP.NET

How to check Page.Validate() on client side (JavaScript) in ASP.Net?

【讨论】：