c# - asp.net 单击后禁用按钮，同时维护 CausesValidation 和 OnClick-Method

Question

.aspx

 <asp:TextBox ID="txtInvite" Width="170px" Height="20px" runat="server" 
                          Font-Size="Small" ></asp:TextBox>

                          <AjaxToolkit:TextBoxWatermarkExtender ID="tbexInvite" 
                          runat="server" SkinID="skinTextBoxWatermarkExtender" 
                          TargetControlID="txtInvite" WatermarkText="Email"></AjaxToolkit:TextBoxWatermarkExtender>

                          <asp:RequiredFieldValidator ID="rfvInvite" runat="server" 
                          Display="None" ValidationGroup="Inivitation" SetFocusOnError="true" 
                          ControlToValidate="txtInvite" ErrorMessage="Enter Email."></asp:RequiredFieldValidator>

                          <asp:RegularExpressionValidator ID="regExpInvite" runat="server" 
                          Display="None" ValidationGroup="Inivitation" SetFocusOnError="true" 
                          ValidationExpression="\s*\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*\s*" 
                          ControlToValidate="txtInvite" ErrorMessage="Invalid Email Format."></asp:RegularExpressionValidator>

 <div  class="ButtonLogin" style="margin-top:-27px;margin-right:143px;_margin-right:105px;">
                        <asp:UpdatePanel ID="UpdatePanel1" runat="server" >
                          <ContentTemplate>
                            <asp:Button ID="btnInvite" runat="server" CssClass="cssLoginButton blue" Text="Invite" ToolTip="Invite" ValidationGroup="Inivitation" CausesValidation="true" onclick="btnInvite_Click" />

                          </ContentTemplate>
                       </asp:UpdatePanel>
                 </div>
                      <asp:UpdateProgress ID="UpdateProgress1" runat="server" AssociatedUpdatePanelID="UpdatePanel1" DisplayAfter="0">
                           <ProgressTemplate>
                                  <asp:Image ID="Image1" ImageUrl="~/App_Themes/Lifetrons/images/progressbar.gif" AlternateText="Processing" runat="server" />
                           </ProgressTemplate>
                      </asp:UpdateProgress>

页面加载代码

.CS

this.btnInvite.Attributes.Add("onclick", "this.disabled=true;" + Page.ClientScript.GetPostBackEventReference(this.btnInvite, "").ToString());

我想通过维护验证和 Onlick 方法在单击按钮后禁用它。我指的是this question我的问题和这个问题一样，但我还没有解决我的问题。我该如何解决？

Answer 1

无需处理您的代码隐藏 Page_Load 事件。在您的按钮控件中，只需添加以下代码段:

OnClientClick="if(Page_ClientValidate('Inivitation')){this.disabled=true;}"

让你的按钮看起来像

<asp:Button ID="btnInvite" runat="server" CssClass="cssLoginButton blue" Text="Invite"
ToolTip="Invite" ValidationGroup="Inivitation" CausesValidation="true"
onclick="btnInvite_Click" OnClientClick="if(Page_ClientValidate('Inivitation')){this.disabled=true;}" />