使用asp.net验证控件时禁用回发按钮

Question

我使用以下代码来禁用单击按钮时的按钮：

OnClientClick="this.disabled = true" UseSubmitBehavior="false"

问题在于该页面具有多个asp.net验证控件。 因此，当我单击按钮并且按钮被禁用时。 如果任何验证控件失败，则该按钮将保持禁用状态（并且永远不会启用-因为从不执行回发）。

我怀疑是否可以通过.net方式解决此问题，所以我希望可以在OnClientClick属性中插入某种javascript。 希望我可以在禁用按钮之前检查验证控件是否返回了任何错误...

Answer 1

自行触发验证，然后使用验证来确定按钮是否应保持禁用状态。

您的按钮（请注意，OnClientClick返回true / false）：

<asp:Button ID="Button1" runat="server" Text="Go" OnClientClick="return validatePage(this);" ... />

您的JavaScript函数：

validatePage = function(button)
{
    var isValid = Page_ClientValidate();
    button.disabled = isValid;

    //return validation - if true then postback
    return isValid;
}

Answer 2

在form1上的onsubmit事件显示了如何以一种简单的方式进行操作。 尝试这个：

<form id="form1" runat="server" onsubmit="setTimeout(function() {form1.btn1.value = 'Wait...'; form1.btn1.disabled = true; }, 0);">
<div>
    <asp:Label id="lbl1" runat="server" Text="Simple test:" AssociatedControlID="text1" />
    <asp:TextBox runat="server" ID="text1" />
    <asp:RequiredFieldValidator ErrorMessage="Fill the TextBox!" ControlToValidate="text1" runat="server" />
    <asp:Button Text="text" runat="server" ID="btn1" OnClick="btn1_Click" />
</div>
</form>