flex学习笔记数据验证

原创

李思威 2012-07-30 22:14:53 ©著作权

文章标签 flex 文章分类 前端开发

©著作权归作者所有：来自51CTO博客作者李思威的原创作品，请联系作者获取转载授权，否则将追究法律责任

加入数据验证:数据模型支持自动数据验证，这就意味着你可以很方便地使用Flex验证器。as3.0验证的类包为mx.Validators.包中有一个基类Validator,其他的类都为其子类:

Validator有两个主要属性
source表示验证的对象(比如验证一个文本框,它的ID为phoneInput,则soure属性应绑定这个对象.
source="{phoneInput}"
property表示验证对象的属性(一个对象有很多属性,但你未指定验证哪一项,TextInput有一个text属性,就是我们的输入文本.所以表示验证的数据为text)

1)，用标签实现验证: //绑定验证对象:source:表示验证的对象，property:表示验证对象的属性
<mx:PhoneNumberValidator id="pnV" source="{phoneInput}" property="text"/>

<mx:TextInput id="phoneInput"/>

2)，用AS编程实现验证 <mx:Script>
<![CDATA[
import mx.validators.PhoneNumberValidator;
// 创建验证器
private var v:PhoneNumberValidator = new PhoneNumberValidator();
private function createValidator():void {
// 设置验证器
v.source = phoneInput;
v.property = "text";
}
]]>
</mx:Script>