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

随心笔谈9个月前更新 admin
214 00
🌐 经济型:买域名、轻量云服务器、用途:游戏 网站等 《腾讯云》特点:特价机便宜 适合初学者用 点我优惠购买
🚀 拓展型:买域名、轻量云服务器、用途:游戏 网站等 《阿里云》特点:中档服务器便宜 域名备案事多 点我优惠购买
🛡️ 稳定型:买域名、轻量云服务器、用途:游戏 网站等 《西部数码》 特点:比上两家略贵但是稳定性超好事也少 点我优惠购买

文章摘要

这篇文章主要介绍了如何通过Flex中的TextInput组件的`restrict`属性来限制输入字符,并结合`maxChars`属性来限制输入字符的数量。`restrict`属性可以设置允许输入的字符范围、符号或特定组合,支持使用正则表达式或字符范围表示。例如,`restrict="0-9"`仅允许数字,`restrict="a-zA-Z"`仅允许字母,而`restrict="0-9\-"`允许数字和破折号。此外,`restrict`还可以用于指定字符的范围,例如`0-9`、`a-z`等,并支持使用Unicode转义来指定特殊字符。`maxChars`属性则可以限制用户输入的最大字符数,例如`maxChars="4"`表示最多允许输入4个字符。这些特性使得开发者能够轻松地控制用户输入的内容,而无需复杂的验证逻辑。


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

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

3. 组合使用

二: FONT color=#108ac6>flex TextInput restrict(正则表达式,约束,限定)

Flex中TextInput的一个比较有用的属性restrict(约束,限定),看下面例子:

1,

这样,这个输入框最多只能输入20个字符,只能输入0到9之间的数字了,你如果输入别的是输入不进去的

2,

这样,输入框可以输入0到9之间的数字,以及输入’.’,中间必须用’\’分隔开来

3,

这样,输入框可以输入0到9之间的数字,以及a,或b

4,

可以输入a到z之间任何一个英文字母,’-‘表示区间,如果要输入’-‘,就必须加’\’,如\-

结论:

用restrict有个好处,就是省去了验证的麻烦,比如检验是否为数字,如果加了restrict=”0-9″,就不需要检验了,因为这个输入框只能输入0到9之间的数字,别的输不进去

详细的列子请看:http://blog.minidx.com/2008/05/16/851.html

三:

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属性只影响用户可以输入的内容,脚本可将任何文本放入文本字段中.

补充:

另外可以追加限制输入的字符数,设置maxChars属性即可

<s:TextInput id=”textinput_test” restrict=”0-9\-\+” maxChars=”4″/>

您可能感兴趣的文章:js控制input输入字符解析input 禁止输入特殊字符的四种实现方式

© 版权声明

相关文章