如何实现Flex验证处理的Flex入门

来源:互联网 发布:淘宝大米 编辑:程序博客网 时间:2024/06/05 16:49
本文向大家简单介绍一下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比较麻烦,采用了检测RadioButtonGroup的s
  <、?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