Flex有很多值得学习的地方,这里向大家描述一下常用Flex验证方式,默认的情况下,Flex当我们切换组件焦点的时候检测任意
动作触发验证有两种写法。一种是在验证组件中指明触发器和触发动作。另一种是执行事件处理函数。
常用Flex验证方式
1.Flex验证必填项
代码如下:
<mx:Validatoridmx:Validatorid="nameV"source="{nameTI}"
property="text"requiredFieldError="必须输入用户名!"/>
<mx:FormItemlabelmx:FormItemlabel="用户名:">
<mx:TextInputidmx:TextInputid="nameTI"/>
</mx:FormItem>
<mx:Buttonidmx:Buttonid="btn"label="提交"/>
Validator组件的功能是检测必填项。我们把要检测的组件的名字写在source属性中,把要检测的组件的属性写在property属性中
,然后自定义requiredFieldError属性的值即可。当然requiredFieldError属性的值也可以不定义,那么就会使用默认的提示文
字。
上面的错误提示的文字有些看不清,只需要加上这样一句就OK了:
<mx:Style>
.errorTip
{
fontSize:12;
}
</mx:Style>
2.控制检测时机
默认的情况下,Flex当我们切换组件焦点的时候检测任意动作触发验证有两种Flex验证方式。一种是在验证组件中指明触发器和
触发动作。另一种是执行事件处理函数。
在验证组件中指明触发器和触发动作的语法如下所示。
<mx:验证组件类型
source="{输入源id}"
property="输入源的属性"
trigger="{触发器}"
triggerEvent="触发事件">
下面这个例子为按Tab键切换焦点已经不能触发检测动作了,只有单击“提交”按钮才会触发检测。
<?xmlversionxmlversion="1.0"encoding="utf-8"?>
<mx:Applicationxmlns:mxmx:Applicationxmlns:mx="http://www.adobe.com/2006/mxml"layout="vertical"
fontSize="12"width="300"height="150">
<mx:Validatoridmx:Validatorid="nameV"source="{nameTI}"property="text"
requiredFieldError="必须输入姓名!"
trigger="{btn}"triggerEvent="click"/>
<mx:Validatoridmx:Validatorid="ageV"source="{ageTI}"property="text"
requiredFieldError="必须输入年龄!"
trigger="{btn}"triggerEvent="click"/>
<mx:FormItemlabelmx:FormItemlabel="姓名:">
<mx:TextInputidmx:TextInputid="nameTI"/>
</mx:FormItem>
<mx:FormItemlabelmx:FormItemlabel="年龄:">
<mx:TextInputidmx:TextInputid="ageTI"/>
</mx:FormItem>
<mx:Buttonidmx:Buttonid="btn"label="提交"/>
</mx:Application>
在默认情况下,Validator会在Flex发出valueCommit事件的时候进行检测,因此当焦点改变的时候,会自动进行检测。而上面的
源码中,则手动指定了进行检测的事件是btn按钮的click事件。
任意动作的触发也可采用代码触发Flex验证方式。
其语法如下所示。
<组件事件="验证组件.validate();"/>
验证组件都包含一个validate方法,用以代码执行验证。
比如:
<mx:Buttonidmx:Buttonid="btn"label="提交"click="nameV.validate();"/>
分享到:
相关推荐
Flex 验证器简介 用户输入的数据有时候并不满足应用程序的规定,在 Flex 中验证器用来保证 UI 中的数据满足某种规则。比如,你可以用一个数字验证器来保证输入的只能是在某个范围内的数字。在典型的客户端 - 服务器...
flex内置验证器都有哪些,以及怎样使用,并有案例讲解。
用于flex里的文本框,下拉选择框,自定义正则表达式验证。
flex自动验证插件 flex验证组建提供了Demo可以自动对需要验证的组建进行验证只要仿照demo做即可,利用flex自带的Validator功能十分强大
FLEX常用验证控件,flex的一些常用的验证
这是一个真正用Flex实现非空验证的小例子(其中包含演示的图片 下载包你会用),通过大量测试,完全可以
NULL 博文链接:https://inotgaoshou.iteye.com/blog/1124834
flex 表单数据合法性验证flex 表单数据合法性验证flex 表单数据合法性验证flex 表单数据合法性验证
Flex的数据验证的描述资料,不可多得的资料 有关于日期、货币、字符串的验证
flex组件之验证组件实例源码,包括11个实例
FLEXd多文件上传,上传前MD5验证允许那些文件可以上传
一个flex制作的旋转色块验证特效!加到页面做验证的功能。
本博客提供的所有教程的资源原稿均来自于互联网,仅供学习交流之用,切勿进行商业传播。...15. 使用格式化器和验证器 16. 使用样式定制Flex应用 17. 使用皮肤定制Flex应用 18. 自定义ActionScript组件
NULL 博文链接:https://kingnights.iteye.com/blog/1026853
flex入门整合教程,包含flex的登录验证demo,以及开发环境的搭建和flex的综合教程
flex与msql数据库登录验证 ,并实现数据的增删该查,与数据库进行交互,附带有验证码的登录交互!初学flex还请大家多多支持,
4.完善用户资料(数据简单验证,错误提示信息) 5.修改用户密码 使用方法 1.首先导入数据库文件 sql.db 2.修改数据库配置文件 conf/ds.config.xml 然后就跑起来吧~ 有问题的话也可以联系小弟~~~ 希望大家...
使用到了验证控件Validator;使用了CSS样式对Alert对话框进行了修饰;使用了样式对Accordion的Canvas上的lable字体做了修饰。 总结:对Flex和Java对象之间的转换还要进一步的研究,认识到Flex中样式的重要性。Flex的...
flexFlex基础培训-5-[数据验证 有示例有解析可快速学习
Flex3与javascript相互交互验证,可以供开始学习的人做个入门学习