一:Flex中TextInput组件如何设置限制某些字符的输入
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" />
二: FONT color=#108ac6>flex TextInput restrict(正则表达式,约束,限定)
Flex中TextInput的一个比较有用的属性restrict(约束,限定),看下面例子:
1,<mx:TextInput id="test_ti" width="160" maxChars="20" restrict="0-9" text="0"/>
这样,这个输入框最多只能输入20个字符,只能输入0到9之间的数字了,你如果输入别的是输入不进去的
2,<mx:TextInput id="test_ti" width="160" maxChars="20" restrict="0-9\." text="0"/>
这样,输入框可以输入0到9之间的数字,以及输入'.',中间必须用'\'分隔开来
3,<mx:TextInput id="test_ti" width="160" restrict="0-9\ab" text="0"/>
这样,输入框可以输入0到9之间的数字,以及a,或b
4,<mx:TextInput id="test_ti" width="160" restrict="a-z" text="0"/>
可以输入a到z之间任何一个英文字母,'-'表示区间,如果要输入'-',就必须加'\',如\-
结论:
用restrict有个好处,就是省去了验证的麻烦,比如检验是否为数字,如果加了restrict="0-9",就不需要检验了,因为这个输入框只能输入0到9之间的数字,别的输不进去
详细的列子请看:http://blog.minidx.com/2008/05/16/851.html
三:
<mx:TextInput id="userName" maxChars="4" restrict="a-zA-Z0-9" />
restrict 用法:
TextField.restrict = "此处为可输入的内容";
field.restrict = "^此处为禁止输入的内容";
restrict属性支持一些类似正则表达式的样式:
field.restrict = "a-zA-z"; //只允许大小字母
field.restrict = "a-zA-z "; //只允许字母和空格
field.restrict = "0-9"; //只允许数字
field.restrict = "^abcdefg"; //除了小写字母abcdefg不允许外,其它都允许
field.restrict = "^a-z"; //所有小写字母都不允许,但是,其它内容都允许,包括大写字母
field.restrict = "0-9^5"; //只允许数字,但5例外
让restrict字符包含具有特殊意义的字母(例如-和^):
field.restrict = "0-9\\-"; //允许数字和破折号
field.restrict = "0-9\\^"; //允许数字和^
field.restrict = "0-9\\\\"; //允许数字和反斜杠
你也可以使用Unicode转义序列,指定允许的内容.例如:
field.restrict = "^\";
注意:ActionScript有区分大小写的,如果restrict属性设为abc,允许字母的大写形式(A,B和C)输入时会变成小写对待形式(a,b和c),反之亦然.restrict属性只影响用户可以输入的内容,脚本可将任何文本放入文本字段中.
分享到:
相关推荐
TextInput组件设置限制输入例如限制某个字符的输入、设置只能输入某些字符等等,下面是具体的示例,喜欢的朋友可以参考下
基于flex扩展的TextInput组件,可以实现输入文字后实现结果匹配,类似于百度输入框效果,默认最多匹配10条数据,可以修改源码实现自定义效果,功能比较简单,给需要的朋友吧,用法示例都在文件中,复杂的功能可以...
金钱TextInput:限制小数位为至多两位,不正确会有红色tag提示。 非零开始数字TextInput:网上的只能...限制字符TextInput(可以输入汉字):你可以限制你不想输入的字符和汉字,当前限制了中英文的(单双引号,逗号)
可以设置控件里面显示的小数位数,通过restrict参数和小数位数动态控制,
Flex 组件Flex 组件Flex 组件Flex 组件Flex 组件
flex 实现Textinput下拉联想(AutoComplete),这个是支持4以上的版本的,网上有很多是4.0以下的版本的。
flex组件之验证组件实例源码,包括11个实例
Flex3组件介绍,包含flex3的所有组件介绍并有例子
这个是我一直在用的针对于组件全屏的一个类,这里是页面上的某个组件全屏,而不是整个页面全屏。 这是原始的库了,里面少了一个针对按下ESC键的处理,这个在使用的时候可以自己加,另外一个问题就是由于这个库是FLEX...
Flex布局之关于组件的大小 Flex布局之关于组件的大小
解决Flex在非主应用程序中,textarea和input不能输入中文的 方法。
Flex4自定义组件 介绍了flex中如何自定义组件以及相关应用
很通用的Flex 分页组件,经过本人测试,可以应用到项目中,很方便
flex组件时间轴,在flex项目中都有使用的案例,用来设置时间和范围具有很好的作用
Flex touch input输入法功能与当前主流输入法相当并在触摸屏输入交互方式上甚至超过了当前普通的输入法。 wodesign studio乐意将此组件与众多软件开发公司及个人分享,建立互利的伙伴关系。 wodesign studio将不断...
flex做拓扑图的组件flex做拓扑图的组件flex做拓扑图的组件
详解Flex4的系统组件与基本组件。让你在应用的时候知道用什么.
用户输入的数据有时候并不满足应用程序的规定,在 Flex 中验证器用来保证 UI 中的数据满足某种规则。比如,你可以用一个数字验证器来保证输入的只能是在某个范围内的数字。在典型的客户端 - 服务器环境中,数据的...
flex 高级自定义组件 需要重写的方法,以及为什么要重写,何时调用等。
一个flex的文件上传组件,带进度条的。