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