第19讲：Flex数据集成基础-数据格式化和数据验证(下)

北风网项目培训应用Flex+http://www.77cn.com.cn技术构建大型网上书店电子商务交易平台 全程实录第19讲：Flex中的验证组件与格式化

讲师：风舞烟

Flex中常见验证组件 CreditCardValidator 信用卡号码验证 CurrencyValidator 货币验证 DateValidator 日期验证 EmailValidator Email验证 NumberValidator 数字验证 PhoneNumberValidator 电话号码验证 RegExpValidator 正则表达式验证 StringValidator 字符串验证 ZipCodeValidator 邮编验证 Validator 验证组件

Flex中自定义验证组件 Flex中的格式化

数据验证组件是专门针对数据验证的特殊 组件，包含一定规则的验证及出错提示。 使用数据验证组件使得对数据验证更加方 便，摆脱了复杂的验证逻辑，有利于应用 程序的开 。 Flex 3.0中提供了一些常用的组件进行数据 验证，这些组件能基本满足用户的要求。 若用户想自定义所需的数据验证，可继承 类型相近的验证组件，从而创建自定义的 数据验证组件。Flex 3.0提供的数据验证组 件，包括CreditCardValidator、 CurrencyValidator、DateValidator等。这些 组件可以有效地完成验证任务，出错提示 也很丰富。若用户有特殊的验证要求而组 件未提供属性或方法时，用户可用自定义 组件来实现验证效果。

组件名

说

明

CreditCardValidator 信用卡号码验证 CurrencyValidator 货币验证 DateValidator 日期验证 EmailValidator Email验证NumberValidator 数字验证PhoneNumberValidator 电话号码 验证RegExpValidator 正则表达式验证 StringValidator 字符串验证 ZipCodeValidator 邮编验证

<?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.77cn.com.cn/2006/mxml" layout="absolute" fontSize="13"> <!--定义"ZipCodeValidator",用以校验邮编--> <mx:ZipCodeValidator id="zipV" source="{myZip}" property="text" trigger ="{mySubmit}" triggerEvent="click"/> <mx:Panel title="click动作触发验证" width="352" height="202" horizontalAlign ="center" verticalAlign="middle"> <mx:TextInput id="myZip"/> <!--输入框组件--> <mx:Label text="{myZip.errorString}"/> <!--Label组件，用于显示验证 结果--> <mx:Button id="mySubmit" label="验证"/> <!—按钮组件，用于触发验 证--> </mx:Panel> </mx:Application>

由于验证组件都不为可视化组件，所以不能放置于可视 化组件内。 1.默认触发验证:当用户把焦点离开输入源时触发默认 触发验证 2.任意动作触发验证:。一种是在验证组件中指明触发 器和触发动作。另一种是执行事件处理函数。 <验证组件 source=“{需验证的数据组件id}“ property=”数据组件的属性 trigger="{触发器}" triggerEvent="触发事件>

1.1、CreditCardValidator 信用卡号

码验证 CreditCardValidator 类验证信用卡号码的长度是否 正确，是否具有正确的前缀，以及是否为指定的卡 类型传递 Luhn mod10 算法。此验证程序不检查信 用卡是否为实际有效的信用卡帐户。

官方说明及示例

1.2、CurrencyValidator 货币验证 CurrencyValidator 类确保字符串表示有效货币表达式。它 可确保输入处于给定范围(由 minValue 和 maxValue 指定 )内，为非负值(由 allowNegative 指定)并且不超过指 定的 precision。CurrencyValidator 类可正确验证带格式和 无格式的货币表达式，例如，“$12,345.00”和“12345”。 您可以自定义 currencySymbol、alignSymbol、 thousandsSeparator 和 decimalSeparator 属性以实现国际化 。官方说明及示例

1.3、DateValidator 日期验证

DateValidator 类用于验证字符串、日期或对象是否包含合适的日期以及是否 符合指定的格式。用户可以为月、日和年输入一位或两位数字。默认情况下 ，验证程序可确保以下格式： 月介于 1 和 12 之间(或者，对于 Date 对象，为 0-11) 日介于 1 和 31 之间 年是数字 您可以按两种方式在 DateValidator 类中指定日期： 包含日期的单个字符串 - 使用 source 和 property 属性指定字符串。该字符串 可以包含数字和由 allowedFormatChars 属性指定的格式化字符，包括“/\-.”字 符。默认情况下，字符串字段中的日期输入格式为“MM/DD/YYYY”,其中 “MM”表示月，“DD”表示日，“YYYY”表示年。可以使用 inputFormat 属 性指定不同的格式。 Date 对象。 包含日、月和年的对象或多个字段。可使用所有以下属性来指定日、月和年 输入：daySource、dayProperty、monthSource、monthProperty、yearSource 和 yearProperty。 官方说明及示例

1.4、 EmailValidator Email验证 EmailValidator 类用于验证字符串中是否有一个 @ 符号，域名中是否有句点，以及顶级域后缀中是否 有两个、三个、四个或六个字符。如果用方括号括 住 IP 域名，则 IP 域名是有效的。验证程序不检查 域名和用户名是否实际存在。 如果用方括号括住 IP 域名，则可以使用它们；例如， myname@[206.132.22.1]。可以使用从 0 到 255 的各 个 IP 数字官方说明及示例

1.5、NumberValidator 数字验证 NumberValidator 类确保字符串表示有效数字。它可 确保输入处于给定范围(由 minValue 和 maxValue 指定 …… 此处隐藏：2069字，全部文档内容请下载后查看。喜欢就下载吧 ……