flex注册页面

<?xml version="1.0" encoding="utf-8"?> <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="600" minHeight="400"> <fx:Declarations> <mx:StringValidator tooShortError="长度必须大于等于6" tooLongError="长度必须小于等于20" id="usernamevalidate" minLength="6" maxLength="20" trigger="{submit}" triggerEvent="click" source="{userid}" property="text"> </mx:StringValidator> <mx:StringValidator id="userpwdvalidate" minLength="6" maxLength="20" trigger="{submit}" triggerEvent="click" source="{userpwd}" property="text"> </mx:StringValidator> <mx:EmailValidator id="emailvalidate" trigger="{submit}" triggerEvent="click" source="{useremail}" property="text"> </mx:EmailValidator> <mx:PhoneNumberValidator id="phonevalidate" trigger="{submit}" triggerEvent="click" source="{phone}" property="text"> </mx:PhoneNumberValidator> <mx:DateValidator id="birthvalidate" trigger="{submit}" triggerEvent="click" source="{birthday}" property="text"> </mx:DateValidator> </fx:Declarations> <fx:Script> <![CDATA[ import flash.events.MouseEvent; import mx.controls.Alert; import mx.validators.Validator; protected function submit_clickHandler(event:MouseEvent):void { var val:Array=Validator.validateAll([usernamevalidate,userpwdvalidate,emailvalidate,phonevalidate,birthvalidate]); if(val.length!=0){ Alert.show("请完善相关资料","信息"); return; } Alert.show("注册成功...."); } protected function reset_clickHandler(event:MouseEvent):void { this.userid.text=null; this.userpwd.text=null; this.useremail.text=null; this.phone.text=null; this.birthday.text=null; } ]]> </fx:Script> <s:Panel x="152" y="41" width="353" height="297" title="用户注册信息"> <s:layout> <s:VerticalLayout /> </s:layout> <mx:Form> <mx:FormItem label="用户名:" required="true"> <s:TextInput id="userid"/> </mx:FormItem> <mx:FormItem label=" 密 码:" required="true"> <s:TextInput id="userpwd"/> </mx:FormItem> <mx:FormItem label=" 邮 箱:" required="true"> <s:TextInput id="useremail"/> </mx:FormItem> <mx:FormItem label=" 电 话:"> <s:TextInput id="phone"/> </mx:FormItem> <mx:FormItem label="出生年月:"> <s:TextInput id="birthday"/> </mx:FormItem> </mx:Form> <s:Group> <s:layout> <s:HorizontalLayout paddingLeft="150"/> </s:layout> <s:Button label="提交" id="submit" click="submit_clickHandler(event)" /> <s:Button label="重置" id="reset" click="reset_clickHandler(event)"/> </s:Group> </s:Panel> </s:Application>