Flex中利用EmailValidator类validate函数和validateEmail函数验证Email地址的例子
By Minidxer | August 31, 2008
接下来的例子演示了Flex中如何利用EmailValidator类validate函数和validateEmail函数，对Email地址进行验证。
让我们先来看一下Demo（可以右键View Source或点击这里察看源代码）：
下面是完整代码(或点击这里察看)：
Download: main.mxml
- <?xml version="1.0" encoding="utf-8"?>
- <mx:Application name="EmailValidator_validate_test"
- xmlns:mx="http://www.adobe.com/2006/mxml"
- layout="vertical"
- verticalAlign="middle"
- backgroundColor="white">
- <mx:Script>
- <![CDATA[
- import mx.controls.Alert;
- import mx.events.ValidationResultEvent;
- private function emailValidator_valid(evt:ValidationResultEvent):void {
- textInput.errorString = "";
- message.text = "";
- Alert.show(textInput.text, "You entered a valid email address:");
- }
- private function emailValidator_invalid(evt:ValidationResultEvent):void {
- textInput.errorString = evt.message;
- message.text = evt.message;
- }
- private function btn_click(evt:MouseEvent):void {
- emailValidator.validate(textInput.text);
- }
- ]]>
- </mx:Script>
- <mx:EmailValidator id="emailValidator"
- valid="emailValidator_valid(event);"
- invalid="emailValidator_invalid(event);" />
- <mx:Form defaultButton="{btn}">
- <mx:FormItem label="email address:"
- direction="horizontal">
- <mx:TextInput id="textInput"
- focusAlpha="0.5" />
- <mx:Button id="btn"
- label="validate"
- click="btn_click(event);" />
- </mx:FormItem>
- </mx:Form>
- <mx:Label id="message" />
- </mx:Application>
代码：Peter deHaan 翻译/整理/编译：中文Flex例子
Topics:
Flex |
No Comments » |
Tags: EmailValidator, validate, validateEmail, ValidationResultEvent