在运行javascript之前测试页面是否有效

Question

我有一些javascript，当一个提交按钮被按下时，它会“冻结”屏幕。这是为了阻止双击。

我发现如果验证器控件返回false就会出现问题，因为屏幕已经“冻结”，所以用户无法修复输入数据的问题。

我需要能够判断页面是否有效，这样如果页面无效，我就可以解冻屏幕。

我该怎么做呢？？

冻结屏幕的javascript代码...(来自4guysfromrolla)

function FreezeScreen(msg) {
var outerPane = document.getElementById('FreezePane');
var innerPane = document.getElementById('InnerFreezePane');
if (outerPane) outerPane.className = 'FreezePaneOn';
}

运行javascript的代码...

<asp:Button ID="btnSubmit" runat="server" Text="<%$ Resources:LocalizedText, button_SubmitOrder %>" onclick="btnSubmit_Click" ValidationGroup="validateHeader" OnClientClick="FreezeScreen();" />

Answer 1

可能会是这样的。

function ValidatePage() {
    FreezeScreen();

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

    if (Page_IsValid) {
        UnFreezeScreen();
        return true;
    }
    else {
        UnFreezeScreen();
        return false;
    }
}

在按钮上

<asp:Button ID="btnSubmit" runat="server" Text="<%$ Resources:LocalizedText, button_SubmitOrder %>" onclick="btnSubmit_Click" ValidationGroup="validateHeader" OnClientClick="return ValidatePage();" />