Flex验证组件如何实现Flex验证处理-51CTO.COM

本文向大家简单介绍一下Flex验证组件的概念，验证失败时需要做错误的提示及处理，修改错误提示的方法是修改Flex验证组件中相应的错误类型属性。

Flex验证处理

验证失败时需要做错误的提示及处理。Flex验证组件中提供了丰富的错误类型，只是这些错误类型的提示是英文的，用户可能需要改变提示。修改错误提示的方法是修改Flex验证组件中相应的错误类型属性。例PhoneNumberValidator组件中的wrongLengthError属性表示长度错误提示。
用户可根据需要修改相应的出错信息。其语法如下所示。

<Flex验证组件错误类型属性="自定义错误提示"/>

例：

//引用ValidationResultEvent类  
importmx.events.ValidationResultEvent;  
privatefunctioncheckHandle():void//验证处理函数  
{  
if(emailV.validate().type==ValidationResultEvent.VALID)  
{  
Alert.show("电子邮件验证成功");//提示"验证成功"  
}  
}  
 
<!--按钮组件，用于验证处理--> 
<mx:Buttonidmx:Buttonid="mySubmit"label="验证"click="checkHandle();"/>

注：
If(Flex验证组件id.validate().type==ValidationResultEvent.VALID)
ValidationResultEvent类包含于“mx.events.*”中，是验证结果事件类。其中，INVALID值表示验证失败，VALID值表示验证成功。

Validator还有一个listen属性，它用来指定检测的错误信息显示在哪个组件上。例：

<?xmlversionxmlversion="1.0"encoding="utf-8"?> 
<mx:Applicationxmlns:mxmx:Applicationxmlns:mx=http://www.adobe.com/2006/mxml
layout="vertical"fontSize="12"width="300"height="200"> 
<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:Validatoridmx:Validatorid="sexV"source="{sexRBG}"property="selectedValue" 
requiredFieldError="必须选择性别！" 
trigger="{btn}"triggerEvent="click"  
listener="{maleRB}"/> 
<mx:FormItemlabelmx:FormItemlabel="姓名："width="150"> 
<mx:TextInputidmx:TextInputid="nameTI"/> 
</mx:FormItem> 
<mx:FormItemlabelmx:FormItemlabel="年龄："width="150"> 
<mx:TextInputidmx:TextInputid="ageTI"/> 
</mx:FormItem> 
<mx:FormItemlabelmx:FormItemlabel="性别："direction="horizontal"width="150"> 
<mx:RadioButtonGroupidmx:RadioButtonGroupid="sexRBG"/> 
<mx:RadioButtonidmx:RadioButtonid="maleRB"groupName="sexRBG"label="男"value="1"/> 
<mx:RadioButtonidmx:RadioButtonid="femaleRB"groupName="sexRBG"label="女"value="0"/> 
</mx:FormItem> 
<mx:Buttonidmx:Buttonid="btn"label="提交"/> 
</mx:Application>

对于性别的选择，由于检测两个RadioButton比较麻烦，采用了检测RadioButtonGroup的selectedValue属性的方法，如果这个属性为空，就说明两个RadioButton都没有选择。但RadioButtonGroup并不是一个可视Flex验证组件，检测的错误信息无法显示出来，所以这里就使用了listen属性将显示信息转到maleRB组件上进行显示了。

【编辑推荐】