Flex入门——实现Flex验证处理

来源:互联网 发布:淘宝大米 编辑:程序博客网 时间:2024/06/06 03:38

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

  Flex入门验证处理

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

  用户可根据需要修改相应的出错信息。其语法如下所示。

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

  例:

  //引用ValidationResultEvent类 importmx.events.ValidationResultEvent; privatefunctioncheckHandle():void//验证处理函数 { if(emailV.validate().type==ValidationResultEvent.VALID) { Alert.show("电子邮件验证成功");//提示"验证成功" } }

  注:

  If(Flex验证组件id.validate().type==ValidationResultEvent.VALID)

  ValidationResultEvent类包含于“mx.events.*”中,是验证结果事件类。其中,INVALID值表示验证失败,VALID值表示验证成功。

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

  对于性别的选择,由于检测两个RadioButton比较麻烦,采用了检测RadioButtonGroups

  <?xmlversionxmlversion="1.0"encoding="utf-8"?>

  <mx:Applicationxmlns:mxmx:Applicationxmlns:mx=http://www.adobe.com/2006/mxmllayout="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:FormItemlabelmx:FormItemlabel="年龄:"width="150">

  <mx:TextInputidmx:TextInputid="ageTI"/>

  <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:Buttonidmx:Buttonid="btn"label="提交"/>

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

0 0