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，在浏览器中查看。