asp.net – 如何从下拉列表中选择“其他”选项时验证所需的文本

ASP.NET提供的验证器都不允许您基于另一个控件执行条件验证.但是,您可以通过使用在客户端,服务器端或两者上执行验证的CustomValidator来实现此目的(建议至少使用服务器端验证).验证器与向导一起使用效果很好.

ASP.NET标记示例：

<asp:DropDownList ID="OptionsDropDownList" runat="server">
        <asp:ListItem Text="Website" />
        <asp:ListItem Text="Search Engine" />
        <asp:ListItem Text="Other" />
    </asp:DropDownList>
    <asp:TextBox ID="OtherTextBox" runat="server" />
    <asp:CustomValidator ID="custvOptionsDropDownList" runat="server" ControlToValidate="OptionsDropDownList"
        ValidateEmptyText="true" Display="Dynamic" ClientValidationFunction="validateOtherTextBox"
        ErrorMessage="This field is required!" OnServerValidate="ValidateOtherTextBox" />

用于ClientValidationFunction的Javascript：

<script type="text/javascript" language="javascript">
    function validateOtherTextBox(event,args) {
        var textbox = document.getElementById('<%= OtherTextBox.ClientID %>').value;
        if (args.Value == 'Other')
            args.IsValid = (textbox != '');
        else
            args.IsValid = true;
    }
</script>

OnServerValidate的代码隐藏：

protected void ValidateOtherTextBox(object source,ServerValidateEventArgs args)
    {
        if (OptionsDropDownList.SelectedValue == "Other")
        {
            args.IsValid = (OtherTextBox.Text.Trim() != "");
        }
    }

请注意,您可以选择实施所需的任何内容.您可以完全跳过Javascript验证并删除该代码和ClientValidationFunction属性.另请注意,Javascript通过使用ClientID属性引用目标控件.这是必需的,因为ASP.NET在输出页面时会分配不同的ID,并且您希望以这种方式将其提供给Javascript方法(在页面上查看源代码,您将看到控件名称有额外的前缀等).