Atlas学习手记(17):使用FilteredTextBox过滤字符
2006-08-30 09:28
513 查看
FilteredTextBox Extender可以过滤TextBox中用户输入的不合法字符,使用JavaScript和验证控件来检测时一般都是在用户输入之后再去判断是否合法,使用FilteredTextBox则可以直接阻止不让用户输入不合法的字符,也避免了将数据传入到服务端的时候再去验证。
主要内容[/b][/b]
1.FilteredTextBox介绍
2.完整示例
一.[/b]FilteredTextBox[/b]介绍[/b][/b]
FilteredTextBox Extender可以过滤TextBox中用户输入的不合法字符,使用JavaScript和验证控件来检测时一般都是在用户输入之后再去判断是否合法,使用FilteredTextBox则可以直接阻止不让用户输入不合法的字符,也避免了将数据传入到服务端的时候再去验证。示例代码如下:
<atlasToolkit:FilteredTextBoxExtender ID="ftbe" runat="server">
<atlasToolkit:FilteredTextBoxProperties
TargetControlID="TextBox3"
FilterType="Custom, Numbers"
ValidChars="+-=/*()." />
</atlasToolkit:FilteredTextBoxExtender>
它的属性如下:
二.完整示例[/b][/b]
FilteredTextBox Extender的使用非常简单,下面看一个完整的示例。新建一个WebSite后,在ASPX页面的顶部加入:
<div>
<table border="0">
<tr>
<td>
只能输入数字:</td>
<td>
<asp:TextBox ID="TextBox1" runat="server" />
</td>
</tr>
<tr>
<td>
只能输入小写字母:</td>
<td>
<asp:TextBox ID="TextBox2" runat="server" /></td>
</tr>
<tr>
<td>
只能输入符号(+,-,*,/,=,.)和数字:</td>
<td>
<asp:TextBox ID="TextBox3" runat="server"></asp:TextBox></td>
</tr>
</table>
</div>
添加FilteredTextBoxExtender,对每一个TextBox都要添加FilteredTextBoxProperties,设置参数如下:
<atlasToolkit:FilteredTextBoxExtender ID="ftbe" runat="server">
<atlasToolkit:FilteredTextBoxProperties
TargetControlID="TextBox1"
FilterType="Numbers"/>
<atlasToolkit:FilteredTextBoxProperties
TargetControlID="TextBox2"
FilterType="LowercaseLetters" />
<atlasToolkit:FilteredTextBoxProperties
TargetControlID="TextBox3"
FilterType="Custom, Numbers"
ValidChars="+-=/*()." />
</atlasToolkit:FilteredTextBoxExtender>
运行后如下:
输入字符,可以看到在第一个TextBox中不可以输入字母和符号,第二个TextBox只可以输入小写字母:
完整的示例下载:http://files.cnblogs.com/Terrylee/FilteredTextBoxDemo.rar
主要内容[/b][/b]
1.FilteredTextBox介绍
2.完整示例
一.[/b]FilteredTextBox[/b]介绍[/b][/b]
FilteredTextBox Extender可以过滤TextBox中用户输入的不合法字符,使用JavaScript和验证控件来检测时一般都是在用户输入之后再去判断是否合法,使用FilteredTextBox则可以直接阻止不让用户输入不合法的字符,也避免了将数据传入到服务端的时候再去验证。示例代码如下:
<atlasToolkit:FilteredTextBoxExtender ID="ftbe" runat="server">
<atlasToolkit:FilteredTextBoxProperties
TargetControlID="TextBox3"
FilterType="Custom, Numbers"
ValidChars="+-=/*()." />
</atlasToolkit:FilteredTextBoxExtender>
它的属性如下:
属性[/b][/b] | 描述[/b][/b] |
TargetControlID | 要进行过滤的目标TextBox的ID |
FilterType | 字符过滤类型,提供的有如下四种:Numbers,LowercaseLetters,UppercaseLetters,Custom他们之间可以同时指定多个类型,如: FilterType="Custom, Numbers" |
ValidChars | 当FilterType为Custom时允许输入的字符,否则将被忽略 ValidChars="+-=/*()." |
FilteredTextBox Extender的使用非常简单,下面看一个完整的示例。新建一个WebSite后,在ASPX页面的顶部加入:
<div>
<table border="0">
<tr>
<td>
只能输入数字:</td>
<td>
<asp:TextBox ID="TextBox1" runat="server" />
</td>
</tr>
<tr>
<td>
只能输入小写字母:</td>
<td>
<asp:TextBox ID="TextBox2" runat="server" /></td>
</tr>
<tr>
<td>
只能输入符号(+,-,*,/,=,.)和数字:</td>
<td>
<asp:TextBox ID="TextBox3" runat="server"></asp:TextBox></td>
</tr>
</table>
</div>
添加FilteredTextBoxExtender,对每一个TextBox都要添加FilteredTextBoxProperties,设置参数如下:
<atlasToolkit:FilteredTextBoxExtender ID="ftbe" runat="server">
<atlasToolkit:FilteredTextBoxProperties
TargetControlID="TextBox1"
FilterType="Numbers"/>
<atlasToolkit:FilteredTextBoxProperties
TargetControlID="TextBox2"
FilterType="LowercaseLetters" />
<atlasToolkit:FilteredTextBoxProperties
TargetControlID="TextBox3"
FilterType="Custom, Numbers"
ValidChars="+-=/*()." />
</atlasToolkit:FilteredTextBoxExtender>
运行后如下:
输入字符,可以看到在第一个TextBox中不可以输入字母和符号,第二个TextBox只可以输入小写字母:
完整的示例下载:http://files.cnblogs.com/Terrylee/FilteredTextBoxDemo.rar
相关文章推荐
- Atlas学习手记(17):使用FilteredTextBox过滤字符
- Atlas学习手记(13):使用TextBoxWatermark为TextBox加上水印效果
- Atlas学习手记(13):使用TextBoxWatermark为TextBox加上水印效果
- 使用FilteredTextBoxExtender控件(过滤字符)的方法
- Atlas学习手记(13):使用TextBoxWatermark为TextBox加上水印效果
- Atlas学习手记(13):使用TextBoxWatermark为TextBox加上水印效果
- Atlas学习手记(7):使用DragOverlayExtender实现拖放功能
- Atlas学习手记(11):使用ModalPopup Extender
- Atlas学习手记(26):使用Validators验证用户输入
- Atlas学习手记(4):使用AutoComplete Extender实现自动完成功能
- Atlas学习手记(6):使用Atlas UpdateProgress控件
- Atlas学习手记(24):使用行为增强用户界面(四):Popup Behavior
- Atlas学习手记(12):使用CascadingDropDown控件
- Atlas学习手记(5):使用服务端定时控件TimerControl
- Atlas学习手记(16):使用PasswordStrength检测密码强度
- Atlas学习手记(21):使用行为增强用户界面(一):Click Behavior
- Atlas学习手记(4):使用AutoComplete Extender实现自动完成功能
- Atlas学习手记(25):使用行为增强用户界面(五):AutoComplete Behavior
- Atlas学习手记(6):使用Atlas UpdateProgress控件
- Atlas学习手记(16):使用PasswordStrength检测密码强度