Atlas学习手记(17):使用FilteredTextBox过滤字符


本文示例源代码或素材下载

  主要内容

  1.FilteredTextBox介绍

  2.完整示例

  一.FilteredTextBox介绍

  FilteredTextBox Extender可以过滤TextBox中用户输入的不合法字符,使用JavaScript和验证控件来检测时一般都是在用户输入之后再去判断是否合法,使用FilteredTextBox则可以直接阻止不让用户输入不合法的字符,也避免了将数据传入到服务端的时候再去验证。示例代码如下:

<atlasToolkit:FilteredTextBoxExtender ID="ftbe" runat="server">
  <atlasToolkit:FilteredTextBoxProperties
    TargetControlID="TextBox3"
    FilterType="Custom, Numbers"
    ValidChars="+-=/*()." />
</atlasToolkit:FilteredTextBoxExtender>
它的属性如下:

属性 描述
TargetControlID 要进行过滤的目标TextBox的ID
FilterType 字符过滤类型,提供的有如下四种:Numbers,LowercaseLetters,UppercaseLetters,Custom他们之间可以同时指定多个类型,如:

  FilterType="Custom, Numbers"

ValidChars 当FilterType为Custom时允许输入的字符,否则将被忽略

  ValidChars="+-=/*()."

  二.完整示例

  FilteredTextBox Extender的使用非常简单,下面看一个完整的示例。新建一个WebSite后,在ASPX页面的顶部加入:

<%@ Register Assembly="AtlasControlToolkit"
      Namespace="AtlasControlToolkit"
      TagPrefix="atlasToolkit" %>

  在页面上添加三个TextBox,分别做三种不同的过滤:

<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只可以输入小写字母:

本文作者:
« 
» 
快速导航

Copyright © 2016 phpStudy | 豫ICP备2021030365号-3