1

我的页面上有两个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然后他点击按钮时,验证器警告没有显示让他恢复,但它不起作用,我该怎么做?

4

1 回答 1

0

使用逻辑。Required Field validatortextboxesdisable第二个文本框上设置。如果用户在 1st 中输入任何内容,textbox启用2nd 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;
}
于 2014-08-07T06:11:38.970 回答