v3_06 验证表单数据

v3_06 validating form data 验证表单数据

 

这部分主要讲如何在flex应用程序中执行客户端验证

 

mx.validators.Validator验证器的父类

以下是所有验证器

 

1.首先在Declarations中声明validator

source表明绑定的哪个属性,这里使用 trigger和triggerEvent来触发validator

 

<mx:PhoneNumberValidator id="mobileValidator"
source="{mobilePhone}"
property="text"
trigger="{submitButton}"
triggerEvent="click"/> 

 

当点 submitButton按钮时,会进行验证mobilePhone字段

 

2.AS中触发

这样做的好处,是可以对验证结果做处理

validator定义中,要把 trigger去掉,把triggerEvent置空

<mx:PhoneNumberValidator id="mobileValidator"
source="{mobilePhone}"
property="text"
triggerEvent=""/>

  

 

protected function validatorMobile():void
{
var event:ValidationResultEvent = mobileValidator.validate();
}

  

<!--WizRtf2Html Charset=0 -->

<!--WizRtf2Html Charset=0 -->

<mx:FormItem>

<s:Button id="submitButton" 
label="Submit Request"
click="validatorMobile()"/>

</mx:FormItem>

  

 

如果有多个验证器,可以使用

var validationArray:Array = Validator.validateAll([mobileValidator,officeValidator]);

 

3.在 FormItem 上使用required属性,只会出现星号,不会对验证有影响

<mx:FormItem label="Mobile Phone:"
required="true">

<s:TextInput id="mobilePhone"/>

</mx:FormItem>