常用Flex验证方式剖析

开发 后端
本文向大家简单介绍一下常用Flex验证方式,主要包括Flex验证必选项,控制检测时机等两大部分内容,相信本文介绍一定会让你有所收获。

Flex有很多值得学习的地方,这里向大家描述一下常用Flex验证方式,默认的情况下,Flex当我们切换组件焦点的时候检测任意动作触发验证有两种写法。一种是在验证组件中指明触发器和触发动作。另一种是执行事件处理函数。

常用Flex验证方式

1.Flex验证必填项

代码如下:
 

  1. <mx:Validatoridmx:Validatorid="nameV"source="{nameTI}"  
  2. property="text"requiredFieldError="必须输入用户名!"/> 
  3. <mx:FormItemlabelmx:FormItemlabel="用户名:"> 
  4. <mx:TextInputidmx:TextInputid="nameTI"/> 
  5. </mx:FormItem> 
  6. <mx:Buttonidmx:Buttonid="btn"label="提交"/> 

Validator组件的功能是检测必填项。我们把要检测的组件的名字写在source属性中,把要检测的组件的属性写在property属性中,然后自定义requiredFieldError属性的值即可。当然requiredFieldError属性的值也可以不定义,那么就会使用默认的提示文字。

上面的错误提示的文字有些看不清,只需要加上这样一句就OK了:
 

  1. <mx:Style> 
  2. .errorTip  
  3. {  
  4. fontSize:12;  
  5. }  
  6. </mx:Style> 

2.控制检测时机

默认的情况下,Flex当我们切换组件焦点的时候检测任意动作触发验证有两种Flex验证方式。一种是在验证组件中指明触发器和触发动作。另一种是执行事件处理函数。
在验证组件中指明触发器和触发动作的语法如下所示。
 

  1. <mx:验证组件类型  
  2. source="{输入源id}" 
  3. property="输入源的属性" 
  4. trigger="{触发器}" 
  5. triggerEvent="触发事件"> 

下面这个例子为按Tab键切换焦点已经不能触发检测动作了,只有单击“提交”按钮才会触发检测。
 

  1. <?xmlversionxmlversion="1.0"encoding="utf-8"?> 
  2. <mx:Applicationxmlns:mxmx:Applicationxmlns:mx="http://www.adobe.com/2006/mxml"layout="vertical"  
  3.  
  4. fontSize="12"width="300"height="150"> 
  5. <mx:Validatoridmx:Validatorid="nameV"source="{nameTI}"property="text" 
  6. requiredFieldError="必须输入姓名!" 
  7. trigger="{btn}"triggerEvent="click"/> 
  8. <mx:Validatoridmx:Validatorid="ageV"source="{ageTI}"property="text" 
  9. requiredFieldError="必须输入年龄!" 
  10. trigger="{btn}"triggerEvent="click"/> 
  11. <mx:FormItemlabelmx:FormItemlabel="姓名:"> 
  12. <mx:TextInputidmx:TextInputid="nameTI"/> 
  13. </mx:FormItem> 
  14. <mx:FormItemlabelmx:FormItemlabel="年龄:"> 
  15. <mx:TextInputidmx:TextInputid="ageTI"/> 
  16. </mx:FormItem> 
  17. <mx:Buttonidmx:Buttonid="btn"label="提交"/> 
  18. </mx:Application> 
  19.  

 在默认情况下,Validator会在Flex发出valueCommit事件的时候进行检测,因此当焦点改变的时候,会自动进行检测。而上面的源码中,则手动指定了进行检测的事件是btn按钮的click事件。

任意动作的触发也可采用代码触发Flex验证方式。
其语法如下所示。
<组件事件="验证组件.validate();"/>
验证组件都包含一个validate方法,用以代码执行验证。
比如:
 

  1. <mx:Buttonidmx:Buttonid="btn"label="提交"click="nameV.validate();"/> 

【编辑推荐】

  1. 解析Flex数据绑定的几种方式
  2. Flex数据绑定技巧
  3. 学习总结 在Flex中如何嵌入Flex字体
  4. 揭开Flex正则表达式的神秘面纱
  5. Flex数据绑定及其使用频繁的几种情况 

 

责任编辑:佚名 来源: csdn.net
相关推荐

2010-07-30 10:02:40

Flex验证控件

2010-08-12 11:29:01

Flex组件

2010-08-12 13:34:13

Flex验证组件

2009-09-28 10:52:33

Hibernate主键主键生成

2010-08-13 09:30:37

Flex样式

2010-08-04 13:52:53

Flex事件机制

2010-08-12 11:12:27

Flex误区

2010-08-12 11:34:15

Flex数据绑定

2010-08-12 09:25:35

Flex控件

2010-08-03 11:35:19

Flex全屏

2010-08-05 10:16:14

Flex效果

2010-08-09 16:01:37

Flex字体

2010-08-06 15:20:25

Flex Builde

2010-08-10 13:58:00

Flex性能测试

2010-08-04 08:42:28

Flex和Flash

2010-08-03 16:21:54

FlexFlash

2010-08-13 09:54:23

Flex字体

2010-07-29 16:38:14

Flex表单

2010-08-13 13:14:09

Flex图表

2010-08-03 15:02:45

FlexPHP
点赞
收藏

51CTO技术栈公众号