Question

我的网站上有以下内容。

来源[DropDownList]

网站

搜索引擎

其他

其他来源[TextBox]

我想使用ASP.Net验证器（我认为是比较验证器），以便在下拉列表中选择“其他”并且没有输入文本时，将触发验证并且无法提交页面。

这可能吗？

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

我继承的整个内容都是在向导控件中，否则我会挂起一些客户端脚本来自己触发验证。我不认为我可以通过向导控件来做到这一点吗？

提前致谢。

Answer 1

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

Answer 2

然后检查选择下拉列表中的哪个选项，如此

if (ddl.selecteditemindex == 1){
if (txtvalue.text == "")
{
alert('you write something if selected other otherwise choose from a list');
}
}

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

2 个答案: