AJAX ControlToolkit学习日志-FilteredTextBoxExtender(12)

      FilterTextBoxExtender控件是用来对文本框进行过滤的，让文本框只能对设定的值进行输入。输入类型有Numbers，LowerCaseLetters，UpperCaseLetters和Customer。

首先看一个示例：

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          &nbsp;   &nbsp; < 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

属性说明：
      TargetControlID：要设定输入内容的文本框。
      FilterType：对输入类型进行设定。有Numbers,lowerCaseLetters,upperCaseLetters和Customer。
      ValidChars：如果在FilterType中设定为Customer，那么这个属性中要设定一些你想输入的内容。

4)按下CTRL+F5，在浏览器中查看。