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

前端之家收集整理的这篇文章主要介绍了asp.net – 如何从下拉列表中选择“其他”选项时验证所需的文本?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我的网站上有以下内容.

来源[DropDownList]

网站

搜索引擎

其他

其他来源[TextBox]

我想使用ASP.Net验证器(我认为比较验证器),这样当在下拉列表中选择“其他”并且没有输入文本时,将触发验证并且无法提交页面.

这可能吗?

我试图在下拉列表中将“其他”选项的值设置为string.empty并将其与空文本框进行比较,但这不起作用.

我继承的整个事情都在一个向导控件中,否则我会挂起一些客户端脚本来自己触发验证.我不认为我可以用向导控件做到这一点?

提前致谢.

解决方法

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方法(在页面上查看源代码,您将看到控件名称有额外的前缀等).

原文链接:https://www.f2er.com/aspnet/245538.html

猜你在找的asp.Net相关文章