强制用户填写所有两个文本框或都不填写的验证

Question

我的页面上有两个TextBox，我希望当用户填写其中一个时，我警告他填写另一个文本框，我的意思是强制用户填写所有两个文本框或都不填写。 如果适用，如何使用验证器来实现这一点？

我在我的页面上添加了这个控件

  <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
        <asp:RequiredFieldValidator ControlToValidate="txt1" Enabled="True" ID="required_validator1" runat="server" Text="Required" Visible="True" ValidationGroup="T"/>
        <asp:TextBox ID="txt1" OnTextChanged="TextBox1_TextChanged" runat="server" AutoPostBack="True"  />

        <asp:RequiredFieldValidator ControlToValidate="txt2" Enabled="True" ID="required_validator2" runat="server" Text="Required" Visible="True" ValidationGroup="T" />
        <asp:TextBox ID="txt2" CausesValidation="False" Enabled="False" runat="server" />
        <asp:Button ID="Button1" runat="server" Text="Button" ValidationGroup="T" OnClick="Button1_Click" />

在我的Webform.aspx.cs 中：

  protected void TextBox1_TextChanged(object sender, EventArgs e)
    {
        if (txt1.Text.Length > 0)
            txt2.Enabled = true;
    }

和：

  protected void Button1_Click(object sender, EventArgs e)
    {
        if (txt1.Text == string.Empty && txt2.Text == string.Empty)
        {
            required_validator1.Enabled = false;
            required_validator2.Enabled = false;
        }
    }

我想当用户没有在txt1 上写任何东西然后他点击按钮时，验证器警告没有显示他让他恢复，但它不起作用，我该怎么办？

Answer 1

使用逻辑。在第二个文本框 textboxes 和 disable 上设置 Required Field validator。如果用户在第一个textbox 中输入任何内容，则启用 第二个textbox。

您可以使用 javascript 来实现它。只需设置第一个文本框的 textchange 事件并检查其文本长度是否大于 1，然后启用第二个文本框。

ASPX：

<asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional">
    <ContentTemplate>    
        <asp:RequiredFieldValidator ControlToValidate="txt1" Enabled="True" ID="required_validator1" runat="server" Text="Required" Visible="True" />
        <asp:TextBox ID="txt1" OnTextChanged="TextBox1_TextChanged" runat="server" />

        <asp:RequiredFieldValidator ControlToValidate="txt2" Enabled="True" ID="required_validator2" runat="server" Text="Required" Visible="True" />
        <asp:TextBox ID="txt2" CausesValidation="False" Enabled="False" runat="server" />       
    </ContentTemplate>
    <Triggers>
        <asp:AsyncPostBackTrigger ControlID="txt1" EventName="TextChanged" />
    </Triggers>
</asp:UpdatePanel>

C#：

protected void TextBox1_TextChanged(object sender, EventArgs e)
{
    if(txt1.Text.Length > 0)
        txt2.Enabled = true;
}