一种文本框的过滤控件,可以阻止用户进行不准确的输入,相比较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 >
运行结果: