常用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验证方式有哪些”这篇文章对大家有帮助，同时也希望大家多多支持亿速云，关注亿速云行业资讯频道，更多相关知识等着你来学习!