网站建设资讯

NEWS

网站建设资讯

Flex验证控件如何使用

Flex验证控件如何使用,相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。

我们提供的服务有:成都网站制作、成都网站设计、外贸营销网站建设、微信公众号开发、网站优化、网站认证、青河ssl等。为上千家企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务,是有科学管理、有技术的青河网站制作公司

1.验证必填项

代码如下:

    

Validator组件的功能是检测必填项。我们把要检测的组件的名字写在source属性中,把要检测的组件的属性写在property属性中,然后自定义requiredFieldError属性的值即可。当然requiredFieldError属性的值也可以不定义,那么就会使用默认的提示文字。

上面的错误提示的文字有些看不清,只需要加上这样一句就OK了:

 .errorTip  {  fontSize:12;  }  

2.控制Flex验证控件检测时机

默认的情况下,Flex当我们切换组件焦点的时候检测
任意动作触发验证有两种写法。一种是在验证组件中指明触发器和触发动作。另一种是执行事件处理函数。
在验证组件中指明触发器和触发动作的语法如下所示。

下面这个例子为按Tab键切换焦点已经不能触发检测动作了,只有单击“提交”按钮才会触发检测。

           

在默认情况下,Validator会在Flex发出valueCommit事件的时候进行检测,因此当焦点改变的时候,会自动进行检测。而上面的源码中,则手动指定了进行检测的事件是btn按钮的click事件。

任意动作的触发也可采用代码触发验证方式。
其语法如下所示。
<组件事件="验证组件.validate();"/>
验证组件都包含一个validate方法,用以代码执行验证。
比如:

3.Flex验证控件验证失败处理

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

例:

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

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

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

                 

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

4.批量Flex验证控件验证

创建一个表单

                    

创建Flex验证控件,放在数组里

  

通过数组,创建组合验证

    

//代码

privatefunctionbtnSubmit_click():void{  //分别检测验证是否通过,如果没有通过,则通过派发事件,主动显示错误提示  if(Validator.validateAll(roleEnNameValidators).length!=0)  roleEnName.dispatchEvent(newMouseEvent(MouseEvent.MOUSE_OVER));  elseif(Validator.validateAll(roleNameValidators).length!=0)  roleName.dispatchEvent(newMouseEvent(MouseEvent.MOUSE_OVER));  else  {  varpar:powerModule=this.owneraspowerModule;  par.roleList.addItem({label:"大三辅导员",data:"3"});   varmodel:RoleModel=newRoleModel();  model.roleName="大三辅导员";  model.roleEnName="daisan";  model.roleID=par.personVo.departID+"."+model.roleEnName;   model.ysxh="010200";  model.roleDescribe="测试用的";  AddRoleResult.token=roleService.add(model);  }   }

看完上述内容,你们掌握Flex验证控件如何使用的方法了吗?如果还想学到更多技能或想了解更多相关内容,欢迎关注创新互联行业资讯频道,感谢各位的阅读!


新闻标题:Flex验证控件如何使用
文章源于:http://cdweb.net/article/jighpg.html