`

Flex TextInput 禁止输入特殊字符

    博客分类:
  • Flex
 
阅读更多

restrict限制的意思

1. 限制某个字符的输入,用符号 ^ 跟上要限制的字符,可跟多个字符 

      <!-- 限制字符"~"的输入 -->

      <mx:TextInput id="xxx"  restrict="^~" />

      <!-- 限制字符"ab"的输入 -->

      <mx:TextInput id="xxx"  restrict="^ab" />

2. 设置只能输入某些字符,将允许输入的字符罗列出来即可,也可以用 - 组合表示字符范围

      <!-- 只能输入abc -->

      <mx:TextInput id="xxx"  restrict="abc" />

      <!-- 只能输入小写字母 -->

      <mx:TextInput id="xxx"  restrict="a-z" />

      <!-- 只能输入小写字母、大写字母和数字 -->

      <mx:TextInput id="xxx"  restrict="a-zA-Z0-9" />

3. 组合使用

      <!-- 只能输入数字和符号"." -->

      <mx:TextInput id="xxx"  restrict="0-9." />

      <!-- 只能输入除ab之外的小写字母 -->

      <mx:TextInput id="xxx"  restrict="a-z^ab" />
 

下面罗列出了一些常用的正则表达式:

^/d+$  //匹配非负整数(正整数 + 0)
^[0-9]*[1-9][0-9]*$  //匹配正整数
^((-/d+)|(0+))$  //匹配非正整数(负整数 + 0)
^-[0-9]*[1-9][0-9]*$  //匹配负整数
^-?/d+$    //匹配整数
^/d+(/./d+)?$  //匹配非负浮点数(正浮点数 + 0)
^(([0-9]+/.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*/.[0-9]+)|([0-9]*[1-9][0-9]*))$  //匹配正浮点数
^((-/d+(/./d+)?)|(0+(/.0+)?))$  //匹配非正浮点数(负浮点数 + 0)
^(-(([0-9]+/.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*/.[0-9]+)|([0-9]*[1-9][0-9]*)))$  //匹配负浮点数
^(-?/d+)(/./d+)?$  //匹配浮点数
^[A-Za-z]+$  //匹配由26个英文字母组成的字符串
^[A-Z]+$  //匹配由26个英文字母的大写组成的字符串
^[a-z]+$  //匹配由26个英文字母的小写组成的字符串
^[A-Za-z0-9]+$  //匹配由数字和26个英文字母组成的字符串
^/w+$  //匹配由数字、26个英文字母或者下划线组成的字符串
^[/w-]+(/.[/w-]+)*@[/w-]+(/.[/w-]+)+$    //匹配email地址
^[a-zA-z]+://匹配(/w+(-/w+)*)(/.(/w+(-/w+)*))*(/?/S*)?$  //匹配url

匹配中文字符的正则表达式: [/u4e00-/u9fa5]
匹配双字节字符(包括汉字在内):[^/x00-/xff]
匹配空行的正则表达式:/n[/s| ]*/r
匹配HTML标记的正则表达式:/<(.*)>.*<//>|<(.*) //>/
匹配首尾空格的正则表达式:(^/s*)|(/s*$)
匹配Email地址的正则表达式:/w+([-+.]/w+)*@/w+([-.]/w+)*/./w+([-.]/w+)*
匹配网址URL的正则表达式:^[a-zA-z]+://(/w+(-/w+)*)(/.(/w+(-/w+)*))*(/?/S*)?$
匹配帐号是否合法(字母开头,允许5-16字节,允许字母数字下划线):^[a-zA-Z][a-zA-Z0-9_]{4,15}$
匹配国内电话号码:(/d{3}-|/d{4}-)?(/d{8}|/d{7})?
匹配腾讯QQ号:^[1-9]*[1-9][0-9]*$
下表是元字符及其在正则表达式上下文中的行为的一个完整列表:
/ 将下一个字符标记为一个特殊字符、或一个原义字符、或一个后向引用、或一个八进制转义符。
^ 匹配输入字符串的开始位置。如果设置了 RegExp 对象的Multiline 属性,^ 也匹配 ’/n’ 或 ’/r’ 之后的位置。
$ 匹配输入字符串的结束位置。如果设置了 RegExp 对象的Multiline 属性,$ 也匹配 ’/n’ 或 ’/r’ 之前的位置。
* 匹配前面的子表达式零次或多次。
+ 匹配前面的子表达式一次或多次。+ 等价于 {1,}。
? 匹配前面的子表达式零次或一次。? 等价于 {0,1}。
{n} n 是一个非负整数,匹配确定的n 次。
{n,} n 是一个非负整数,至少匹配n 次。
{n,m} m 和 n 均为非负整数,其中n <= m。最少匹配 n 次且最多匹配 m 次。在逗号和两个数之间不能有空格。
? 当该字符紧跟在任何一个其他限制符 (*, +, ?, {n}, {n,}, {n,m}) 后面时,匹配模式是非贪婪的。非贪婪模式尽可能少的匹配所搜索的字符串,而默认的贪婪模式则尽可能多的匹配所搜索的字符串。
. 匹配除 “/n” 之外的任何单个字符。要匹配包括 ’/n’ 在内的任何字符,请使用象 ’[./n]’ 的模式。
(pattern) 匹配pattern 并获取这一匹配。
(?:pattern) 匹配pattern 但不获取匹配结果,也就是说这是一个非获取匹配,不进行存储供以后使用。
x|y 匹配 x 或 y。
[xyz] 字符集合。
[^xyz] 负值字符集合。
[a-z] 字符范围,匹配指定范围内的任意字符。
[^a-z] 负值字符范围,匹配任何不在指定范围内的任意字符。
/b 匹配一个单词边界,也就是指单词和空格间的位置。
/B 匹配非单词边界。
/cx 匹配由x指明的控制字符。
/d 匹配一个数字字符。等价于 [0-9]。

/D 匹配一个非数字字符。等价于 [^0-9]。
/f 匹配一个换页符。等价于 /x0c 和 /cL。
/n 匹配一个换行符。等价于 /x0a 和 /cJ。
/r 匹配一个回车符。等价于 /x0d 和 /cM。
/s 匹配任何空白字符,包括空格、制表符、换页符等等。等价于[ /f/n/r/t/v]。
/S 匹配任何非空白字符。等价于 [^ /f/n/r/t/v]。
/t 匹配一个制表符。等价于 /x09 和 /cI。
/v 匹配一个垂直制表符。等价于 /x0b 和 /cK。
/w 匹配包括下划线的任何单词字符。等价于’[A-Za-z0-9_]’。
/W 匹配任何非单词字符。等价于 ’[^A-Za-z0-9_]’。
/xn 匹配 n,其中 n 为十六进制转义值。十六进制转义值必须为确定的两个数字长。
/num 匹配 num,其中num是一个正整数。对所获取的匹配的引用。
/n 标识一个八进制转义值或一个后向引用。如果 /n 之前至少 n 个获取的子表达式,则 n 为后向引用。否则,如果 n 为八进制数字 (0-7),则 n 为一个八进制转义值。
/nm 标识一个八进制转义值或一个后向引用。如果 /nm 之前至少有is preceded by at least nm 个获取得子表达式,则 nm 为后向引用。如果 /nm 之前至少有 n 个获取,则 n 为一个后跟文字 m 的后向引用。如果前面的条件都不满足,若 n 和 m 均为八进制数字 (0-7),则 /nm 将匹配八进制转义值 nm。

分享到:
评论

相关推荐

    Flex自定义TextInput(三个):金钱、非零开始数字、限制字符

    金钱TextInput:限制小数位为至多两位,不正确会有红色tag提示。 非零开始数字TextInput:网上的只能...限制字符TextInput(可以输入汉字):你可以限制你不想输入的字符和汉字,当前限制了中英文的(单双引号,逗号)

    Flex中TextInput组件设置限制某些字符的输入的方法

    在Flex中,TextInput组件是用来允许用户输入文本的界面元素,而restrict属性则用于限制用户输入的文本内容,从而达到控制用户输入的目的。restrict属性支持正则表达式,这使得它能够灵活地定义允许或禁止输入的特定...

    flex支持过滤的input

    1. **创建Input组件**:首先,我们需要在Flex项目中创建一个`TextInput`组件,用于用户输入查询字符。 ```xml &lt;fx:Component id="filterInput"&gt; &lt;s:TextInput id="searchInput" change="handleInputChange(event)...

    flex解决textarea,input不能输入中文的方法

    在使用Flex进行Web应用开发时,有时会遇到一个让人头疼的问题:在非主应用程序环境下(例如嵌入到HTML页面中的SWF文件),textarea和input控件无法正常输入中文字符。这不仅影响用户体验,还可能导致功能上的缺失。...

    Flex文本框自动提示

    在Flex中,我们可以使用`TextInput`组件创建一个基本的文本输入框。然而,为了实现自动提示功能,我们需要使用`AutoComplete`类或者自定义组件。这个功能通常通过监听用户的键盘输入事件,然后匹配预定义的数据集来...

    Flex文本框数据过滤

    这个类将继承自Flex的基础文本输入组件,如`spark.components.TextInput`或`mx.controls.TextInput`,具体取决于你选择的文本输入组件库。在`src`目录下,我们可以创建一个名为`FilteredTextBox.mxml`的新文件,并...

    flex combobox 输入过滤实例

    - 然后,我们需要监听TextInput事件,如`textChange`或`focusIn`,以在用户输入时触发过滤过程。 - 在事件处理函数中,我们使用ArrayCollection的`filterFunction`属性来定义过滤逻辑。这个函数接受一个item和一个...

    flex-autocomplete-master.zip_flex

    这个压缩包可能包含了一个完整的Flex项目,用于演示如何在用户输入时动态过滤并显示建议选项,通常在文本输入框(TextInput)中实现。 自动完成功能在许多Web应用和桌面应用中非常常见,它提高了用户输入的效率和...

    Flex实现自动过滤ComboBox

    为了实现自动过滤,我们需要监听TextInput的键盘事件,如change事件,然后根据输入的字符过滤List的数据源。 博客中提到的`FilterComboBox.as`文件很可能是自定义的ComboBox类,它扩展了原始的ComboBox类并添加了...

    flex中时分秒计算

    这里使用`TextInput`组件来输入小时数,通过`restrict`属性限制输入的字符只能是数字0-9,`maxChars`限制输入的最大长度为2位。 #### 五、小结 通过上述分析,我们可以看到Flex框架提供了非常灵活的方式来处理时分...

    Flex 常用代码

    Flex中的`TextInput`控件可以通过监听`doubleClick`事件来判断用户是否进行了双击操作。示例代码中定义了一个`textInput_doubleClick`函数,当双击发生时,`TextInput`的`enabled`和`editable`属性会互换状态,即...

    解决Flex 中文乱码

    5. **文本输入输出**:在处理用户输入或显示的文本时,确保UI组件如`TextInput`和`Label`的`htmlText`或`text`属性的编码设置正确。 在项目中,可能需要结合以上方法进行调试和调整,找到最适合你的解决方案。记住...

    flex 智能提示框

    2. **监听用户输入**:在`TextInput`或`SearchBox`上添加`change`或`keyRelease`事件监听器,当用户输入时,触发事件处理函数。在此函数中,可以过滤数据提供者的数据,只保留与当前输入匹配的项。 3. **数据过滤和...

    Flex + Java简单例子

    当用户点击Button时,会触发sayHello方法,通过TextInput中的文本作为参数,然后在Label中显示sayHello方法的返回结果。 这个例子展示了Flex与Java集成的基本流程,包括服务器端的配置、服务的声明、客户端的调用...

    Flex实现的计算器

    Flex内含丰富的组件库,如Button、TextInput、Canvas等,这些组件可以方便地构建用户界面。在计算器应用中,数字按钮、运算符按钮以及结果显示区域都可以通过这些组件来实现。 3. **事件处理** 在Flex中,用户与...

    flex拓展组件autoComplete开源代码

    2. **监听输入事件**:当用户在输入框中输入字符时,我们需要监听`TextInput`或`Keyboard`事件,以便在字符变化时触发补全逻辑。 3. **过滤算法**:根据用户的输入,我们需要设计一个过滤算法,从数据源中筛选出...

    flex autocomplete

    当用户在`TextInput`中输入字符时,`AutoComplete`功能将通过比较输入值与`ArrayCollection`中的项来找出匹配项。 关键在于`filter`方法,这是实现自动补全的核心。在这个原型中,`filter`方法可能是自定义的,用于...

    Flex数据显示与数据验证

    - `tC017TextInput_focusOutHandler`函数在文本框失去焦点时触发,用于重新格式化输入的文本。 ### 使用自定义函数进行数据格式化 除了使用内置的格式化器外,Flex还支持通过自定义函数来进行更复杂的数据格式化...

    Flex教程案例

    TextInput组件则用于接收用户输入,可设定最大字符数等属性。 在案例部分,你会接触到各种实际应用场景,如创建数据驱动的列表、实现动态加载内容、创建图表和图形,以及与服务器的交互等。这些案例将让你熟悉如何...

    flex基本控件总结

    3. TextInput(文本条):用于用户输入文本,支持change和enter事件。可以通过属性editable控制是否允许编辑,displayAsPassword属性可将输入内容显示为星号。例如: ```xml &lt;mx:TextInput text="{myInputText}" ...

Global site tag (gtag.js) - Google Analytics