首先看一个示例:
1)在VS中新建一个ASP.NET AJAX-Enabled Web Project项目工程,命名为FilterTextBoxExtender1。
2)在Default.aspx页面中添加4个Label标签和4个TextBox,分别用来输入数字,小写字母,大写字母和一些符号。
代码如下:
1
<
asp:Label
ID
="Label1"
runat
="server"
Text
="Number"
></
asp:Label
>
2 < asp:TextBox ID ="Number" runat ="server" ></ asp:TextBox >
3 < br />
4 < br />
5 < asp:Label ID ="Label2" runat ="server" Text ="LowerCaseLetters" ></ asp:Label >
6 < asp:TextBox ID ="lowerCaseLetters" runat ="server" ></ asp:TextBox >
7 < br />
8 < br />
9 < asp:Label ID ="Label3" runat ="server" Text ="UpperCaseLetters" ></ asp:Label >
10 < asp:TextBox ID ="upperCaseLetters" runat ="server" ></ asp:TextBox >
11 < br />
12 < br />
13 < asp:Label ID ="Label4" runat ="server" Text ="Customer(+-=.)" ></ asp:Label >
14 < asp:TextBox ID ="Customer" runat ="server" ></ asp:TextBox >< br />
2 < asp:TextBox ID ="Number" runat ="server" ></ asp:TextBox >
3 < br />
4 < br />
5 < asp:Label ID ="Label2" runat ="server" Text ="LowerCaseLetters" ></ asp:Label >
6 < asp:TextBox ID ="lowerCaseLetters" runat ="server" ></ asp:TextBox >
7 < br />
8 < br />
9 < asp:Label ID ="Label3" runat ="server" Text ="UpperCaseLetters" ></ asp:Label >
10 < asp:TextBox ID ="upperCaseLetters" runat ="server" ></ asp:TextBox >
11 < br />
12 < br />
13 < asp:Label ID ="Label4" runat ="server" Text ="Customer(+-=.)" ></ asp:Label >
14 < asp:TextBox ID ="Customer" runat ="server" ></ asp:TextBox >< br />
3)然后在页面中对每一个文本框添加一个FilteredTextBoxExtender控件,并设定相应的属性。
代码如下:
1
<
cc1:filteredtextboxextender
id
="FilteredTextBoxExtender1"
TargetControlID
="Number"
FilterType
="Numbers"
runat
="server"
></
cc1:filteredtextboxextender
>
2 < cc1:filteredtextboxextender id ="FilteredTextBoxExtender2" TargetControlID ="lowerCaseLetters" FilterType ="LowercaseLetters" runat ="server" ></ cc1:filteredtextboxextender >
3 < cc1:filteredtextboxextender id ="FilteredTextBoxExtender3" TargetControlID ="upperCaseLetters" FilterType ="UpperCaseLetters" runat ="server" ></ cc1:filteredtextboxextender >
4 < cc1:filteredtextboxextender id ="FilteredTextBoxExtender4" TargetControlID ="Customer" FilterType ="Custom" ValidChars ="+-=." runat ="server" ></ cc1:filteredtextboxextender >
5
2 < cc1:filteredtextboxextender id ="FilteredTextBoxExtender2" TargetControlID ="lowerCaseLetters" FilterType ="LowercaseLetters" runat ="server" ></ cc1:filteredtextboxextender >
3 < cc1:filteredtextboxextender id ="FilteredTextBoxExtender3" TargetControlID ="upperCaseLetters" FilterType ="UpperCaseLetters" runat ="server" ></ cc1:filteredtextboxextender >
4 < cc1:filteredtextboxextender id ="FilteredTextBoxExtender4" TargetControlID ="Customer" FilterType ="Custom" ValidChars ="+-=." runat ="server" ></ cc1:filteredtextboxextender >
5
属性说明:
TargetControlID:要设定输入内容的文本框。
FilterType:对输入类型进行设定。有Numbers,lowerCaseLetters,upperCaseLetters和Customer。
ValidChars:如果在FilterType中设定为Customer,那么这个属性中要设定一些你想输入的内容。
4)按下CTRL+F5,在浏览器中查看。