`
solomongg
  • 浏览: 52780 次
  • 性别: Icon_minigender_1
  • 来自: 大连
社区版块
存档分类
最新评论

Flex中TextInput组件输入验证

阅读更多

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

分享到:
评论

相关推荐

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

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

    flex组件之验证组件实例源码

    在Flex中,验证组件扮演着关键角色,确保用户输入的数据满足特定的格式和规则,从而提高应用的准确性和安全性。本压缩包提供了11个验证组件的实例源码,这对于开发者深入理解和运用这些组件来说是非常宝贵的资源。 ...

    Flex表单校验组件

    在实际应用中,表单校验组件通常与Flex的UI组件(如TextInput、ComboBox等)紧密配合。开发者可以通过监听和处理验证事件来控制表单提交流程,只有当所有字段都通过验证后,才能允许表单提交。此外,组件还可能提供...

    flex 表单数据合法性验证

    Flex的MX组件库提供了一系列的表单组件,如TextInput、TextArea、ComboBox等,它们都支持数据验证。每个表单组件都有一个validateNow()方法,用于立即触发验证。同时,我们可以添加Validator对象到这些组件,为它们...

    Flex实现非空验证小例子

    然后,在Flex组件(如TextInput)上应用这个自定义验证器。你可以使用mx.events.ValidationResult事件监听验证结果,根据结果提示用户是否输入有效。例如: ```xml &lt;mx:TextInput id="txtInput" width="200"&gt; ...

    flex自动验证组建(插件)

    在Flex中,验证通常与表单控件(如`TextInput`、`DateField`等)关联。通过将`Validator`对象添加到控件的`validators`集合,可以在控件的`validateNow()`方法被调用时触发验证。当验证失败时,`Validator`会返回一...

    Flex数据显示与数据验证

    根据给定的信息,本文将详细解析Flex中的数据验证与显示技术。主要聚焦于Flex框架下对日期、货币以及字符串等数据类型的验证与显示方法,并通过示例代码进行具体阐述。 ### Flex中的数据验证 Flex提供了丰富的功能...

    flex3+component组件.pdf

    文本控件(Text controls),例如Label(标签)、RichTextEditor(富文本编辑器)、TextInput(文本输入框)等;容器控件(Containers),如Application(应用)、Accordion(手风琴)、Canvas(画布)等;以及其他...

    Flex from_validator_表单验证

    在IT行业中,表单验证是前端开发中必不可少的一部分,它确保用户输入的数据符合特定的规则和格式,从而保证数据的准确性和安全性。本教程将详细讲解"Flex from_validator_表单验证"的相关知识点,帮助你理解和掌握...

    flex中时分秒计算

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

    Flex做的登录表单

    Flex包含一个强大的组件库,例如Button、TextInput和Form等,这些组件可以快速构建用户界面。在登录表单中,我们通常会用到 TextInput 作为用户名和密码的输入框,Button 作为提交按钮,还有可能用到Label来显示...

    Flex基础培训-5-[数据验证

    在Flex中,可以通过和&lt; mx:TextInput &gt;等组件来实现带有数据验证的表单界面。例如,以下代码段表示了一个带有城市字段的表单项,其中"required=true"表示该字段是必填项,但这个属性只是在界面上显示一个星号,并不...

    基于Vue20的移动端PC端验证码输入组件

    验证码输入组件是网站和应用程序中常见的一种安全机制,用于验证用户身份。通常,这种组件会显示一串随机字符,用户需要在指定时间内正确输入以完成验证过程。 要创建这样一个组件,我们首先需要确保环境配置正确。...

    Flex 日期组件

    `DateField`控件继承自`TextInput`,但添加了日期选择的功能。通过设置`dateFormatter`属性,我们可以控制日期的显示格式,例如"YYYY-MM-DD"、"YYYY-MM-DD HH:MM"等。`DateField`还支持`change`事件,当用户选择新的...

    Flex4开发的自定义输入框皮肤组件,代图标

    在Flex4中,开发者经常需要根据项目需求对标准UI组件进行自定义,以实现独特的界面效果和交互体验。本主题将深入探讨如何在Flex4的Spark主题下开发一个带有图标的自定义输入框皮肤组件,并实现圆角效果。首先,我们...

    Flex UI组件使用全集

    - **TextInput**: 单行文本输入框组件。 #### Containers(容器组件) - **Application**: 应用程序主容器,通常作为Flex应用的根节点。 - **Accordion**: 可折叠的面板容器。 - **ApplicationControlBar**: 应用...

    Flex 在web中的应用实例

    Flex包含大量预定义的UI组件,如Button、Label、TextInput、List等,这些组件可快速构建常见的Web界面元素。同时,开发者还可以自定义组件以满足特定需求。 四、Flex与Web服务的集成 Flex可通过AMF(Action Message...

    flex客户表单范本

    6. **组件库**:Flex SDK包含大量的预建组件,如Button、TextInput、CheckBox等,开发者可以快速构建表单结构,同时也可以自定义组件以满足特定需求。 7. **状态管理**:Flex允许表单在不同状态间切换,如编辑模式...

    flex与msql数据库登录验证

    可以使用Flex的UI组件,如TextInput和Button。 2. 验证码功能:添加验证码图片和输入框,用户需要输入显示的验证码。服务器端生成随机验证码,与数据库中的验证码进行比较。 3. 事件处理:监听登录按钮点击事件,...

Global site tag (gtag.js) - Google Analytics