Chinaunix首页 | 论坛 | 博客
  • 博客访问: 52573
  • 博文数量: 22
  • 博客积分: 0
  • 博客等级: 民兵
  • 技术积分: 197
  • 用 户 组: 普通用户
  • 注册时间: 2013-12-16 17:30
文章分类
文章存档

2016年(1)

2014年(14)

2013年(7)

我的朋友

分类: Windows平台

2014-02-12 15:02:07

  本文向大家简单介绍一下验证组件的概念,验证失败时需要做错误的提示及处理,修改错误提示的方法是修改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="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组件上进行显示了。

 

阅读(669) | 评论(0) | 转发(0) |
给主人留下些什么吧!~~