首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 媒体动画 > flex >

Flex学习之路(一)

2012-11-22 
Flex学习之路(1)一个简单的登录表单验证?xml version1.0 encodingutf-8?mx:Application xmlns:mx

Flex学习之路(1)
一个简单的登录表单验证

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
<mx:Panel title="用户注册信息" width="359" height="303" x="24.5" y="37" fontSize="12">
<mx:Form width="100%" height="100%" horizontalGap="0">
<mx:FormHeading label="用户资料" width="100%"/>
<mx:FormItem label="用户名:" width="100%" required="true">
<mx:TextInput width="100%" id="user_txt"/>
</mx:FormItem>
<mx:FormItem label="密码:" width="100%" required="true">
<mx:TextInput width="100%" displayAsPassword="true" id="pass_txt"/>
</mx:FormItem>
<mx:FormItem label="性别:" width="100%" direction="horizontal">
<mx:RadioButton groupName="isMale" label="男" /><mx:RadioButton groupName="isMale" label="女" />
</mx:FormItem>
<mx:FormItem label="邮箱:" width="100%">
<mx:TextInput width="100%" id="email_txt"/>
</mx:FormItem>
<mx:FormItem label="电话:" width="100%">
<mx:TextInput width="100%" id="phone_txt"/>
</mx:FormItem>
<mx:FormItem label="出生年月:" width="100%">
<mx:TextInput width="100%" id="birth_txt"/>
</mx:FormItem>
</mx:Form>
<mx:ControlBar height="32" paddingBottom="0" paddingTop="0" horizontalAlign="center">
<mx:Button label="确定"/>
<mx:Button label="重写"/>
</mx:ControlBar>
</mx:Panel>

<mx:StringValidator source="{user_txt}" property="text" minLength="6" maxLength="12" tooShortError="用户名太短了"/>
<mx:StringValidator source="{pass_txt}" property="text" minLength="6" maxLength="12"/>
    <mx:PhoneNumberValidator source="{phone_txt}" property="text"/>
    <mx:DateValidator source="{birth_txt}" property="text"/>
    <mx:EmailValidator source="{email_txt}" property="text"/>
   
</mx:Application>

热点排行