常用Flex验证方式剖析

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

常用Flex验证方式

1.Flex验证必填项

代码如下:
 

 
 
 

  
  
  

  
  
  
property="text"requiredFieldError="必须输入用户名！"/> 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
 
 
 

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

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

 
 
 

  
  
  
 
  
  
  
.errorTip  
  
  
  
{  
  
  
  
fontSize:12;  
  
  
  
}  
  
  
  
 
 
 
 

2.控制检测时机

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

 
 
 

  
  
  

  
  
  
source="{输入源id}" 
  
  
  
property="输入源的属性" 
  
  
  
trigger="{触发器}" 
  
  
  
triggerEvent="触发事件"> 
 
 
 

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

 
 
 

  
  
  
 
  
  
  

  
  
  
 
  
  
  
fontSize="12"width="300"height="150"> 
  
  
  

  
  
  
requiredFieldError="必须输入姓名！" 
  
  
  
trigger="{btn}"triggerEvent="click"/> 
  
  
  

  
  
  
requiredFieldError="必须输入年龄！" 
  
  
  
trigger="{btn}"triggerEvent="click"/> 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
 
 
 

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

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

网站栏目：常用Flex验证方式剖析
本文网址：http://www.shufengxianlan.com/qtweb/news33/431283.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联