功能:
一种文本框的过滤控件,可以阻止用户进行不准确的输入,相比较vs里提供的验证控件显得更为严格,验证控件是在用户输入了不准确的输入后,给出相应的提示,而现在要介绍的FilterTextBox都不给用户输入错误数据的机会。
属性:
TargetControlID:用来设置要控制的文本框。
FilterType:设置被过滤的类型,提供如下四种:
Custom:如果选择这个选项,就可以在另外的一个属性中自定义不被过滤的字符
Numbers:让关联的文本框只能输入数字。
UppercaseLetters:让关联的文本框只能输入大写字母。
LowercaseLetters:让关联的文本框只能输入小写字母。
ValidChars:当FilterType设置为Custom时,用来设置有效的字符。
实例代码:
运行结果:
一种文本框的过滤控件,可以阻止用户进行不准确的输入,相比较vs里提供的验证控件显得更为严格,验证控件是在用户输入了不准确的输入后,给出相应的提示,而现在要介绍的FilterTextBox都不给用户输入错误数据的机会。
属性:
TargetControlID:用来设置要控制的文本框。
FilterType:设置被过滤的类型,提供如下四种:
Custom:如果选择这个选项,就可以在另外的一个属性中自定义不被过滤的字符
Numbers:让关联的文本框只能输入数字。
UppercaseLetters:让关联的文本框只能输入大写字母。
LowercaseLetters:让关联的文本框只能输入小写字母。
ValidChars:当FilterType设置为Custom时,用来设置有效的字符。
实例代码:
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>FilteredTextBoxExtender的使用</title>
</head>
<body>
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<asp:Label ID="LabelNumber" runat="server" Text="此处只允许输入数字类型"></asp:Label>:<asp:TextBox ID="TextBox2"
runat="server"></asp:TextBox> <br />
<asp:Label ID="LabelLCL" runat="server" Text="此处只允许输入小写字符"></asp:Label>:<asp:TextBox ID="TextBox3"
runat="server"></asp:TextBox> <br />
<asp:Label ID="LabelUCL" runat="server" Text="只允许输入大写字符"></asp:Label> :
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
<br />
<asp:Label ID="LabelCustom" runat="server" Text="不允许输入数字"></asp:Label>:<asp:TextBox ID="TextBox4"
runat="server"></asp:TextBox>
<ajaxToolkit:FilteredTextBoxExtender ID="FilteredTextBoxExtender1" runat="server" TargetControlID="TextBox2" FilterType="Numbers">
</ajaxToolkit:FilteredTextBoxExtender>
<ajaxToolkit:FilteredTextBoxExtender ID="FilteredTextBoxExtender2" runat="server" TargetControlID="TextBox3" FilterType="LowercaseLetters">
</ajaxToolkit:FilteredTextBoxExtender>
<ajaxToolkit:FilteredTextBoxExtender ID="FilteredTextBoxExtender3" runat="server" TargetControlID="TextBox1" FilterType="UppercaseLetters">
</ajaxToolkit:FilteredTextBoxExtender>
<ajaxToolkit:FilteredTextBoxExtender ID="FilteredTextBoxExtender5" runat="server" TargetControlID="TextBox4" FilterType="Custom" FilterMode="InvalidChars" InvalidChars ="1234567890">
</ajaxToolkit:FilteredTextBoxExtender>
<%-- <ajaxToolkit:FilteredTextBoxExtender ID="FilteredTextBoxExtender4" runat="server" TargetControlID=="TextBox4" FilterType="Custom" FilterMode="InvalidChars" ValidChars="1234567890">
</ajaxToolkit:FilteredTextBoxExtender>--%>
</form>
</body>
</html>
<head runat="server">
<title>FilteredTextBoxExtender的使用</title>
</head>
<body>
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<asp:Label ID="LabelNumber" runat="server" Text="此处只允许输入数字类型"></asp:Label>:<asp:TextBox ID="TextBox2"
runat="server"></asp:TextBox> <br />
<asp:Label ID="LabelLCL" runat="server" Text="此处只允许输入小写字符"></asp:Label>:<asp:TextBox ID="TextBox3"
runat="server"></asp:TextBox> <br />
<asp:Label ID="LabelUCL" runat="server" Text="只允许输入大写字符"></asp:Label> :
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
<br />
<asp:Label ID="LabelCustom" runat="server" Text="不允许输入数字"></asp:Label>:<asp:TextBox ID="TextBox4"
runat="server"></asp:TextBox>
<ajaxToolkit:FilteredTextBoxExtender ID="FilteredTextBoxExtender1" runat="server" TargetControlID="TextBox2" FilterType="Numbers">
</ajaxToolkit:FilteredTextBoxExtender>
<ajaxToolkit:FilteredTextBoxExtender ID="FilteredTextBoxExtender2" runat="server" TargetControlID="TextBox3" FilterType="LowercaseLetters">
</ajaxToolkit:FilteredTextBoxExtender>
<ajaxToolkit:FilteredTextBoxExtender ID="FilteredTextBoxExtender3" runat="server" TargetControlID="TextBox1" FilterType="UppercaseLetters">
</ajaxToolkit:FilteredTextBoxExtender>
<ajaxToolkit:FilteredTextBoxExtender ID="FilteredTextBoxExtender5" runat="server" TargetControlID="TextBox4" FilterType="Custom" FilterMode="InvalidChars" InvalidChars ="1234567890">
</ajaxToolkit:FilteredTextBoxExtender>
<%-- <ajaxToolkit:FilteredTextBoxExtender ID="FilteredTextBoxExtender4" runat="server" TargetControlID=="TextBox4" FilterType="Custom" FilterMode="InvalidChars" ValidChars="1234567890">
</ajaxToolkit:FilteredTextBoxExtender>--%>
</form>
</body>
</html>
运行结果: