专注收集记录技术开发学习笔记、技术难点、解决方案
网站信息搜索 >> 请输入关键词:
您当前的位置: 首页 > Flex

flex最全的表单应验

发布时间：2011-06-27 19:44:41 文章来源：www.iduyao.cn 采编人员：星星草
flex最全的表单验证

 

 

Xml代码 复制代码
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" fontSize="12">  
  3.   
  4.     <mx:Script>  
  5.         import mx.controls.Alert;   
  6.        public function openUrl():void{    
  7.            navigateToURL(new URLRequest("http://hi.baidu.com/woaidelphi/"), "_blank");    
  8.        }      
  9.     </mx:Script>  
  10.     <mx:Button label="查看更多flex" click="openUrl()"/>  
  11.    <mx:Panel title="验证大全" width="75%" height="75%"    
  12.         paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10" fontSize="12">  
  13.   
  14.         <mx:Form>  
  15.             <mx:FormItem label="输入你的Email: ">  
  16.                 <mx:TextInput id="email" width="100%"/>  
  17.             </mx:FormItem>  
  18.                
  19.             <mx:FormItem label="请输入你的生日：(yyyy-mm-dd): ">  
  20.                 <mx:TextInput id="dob" width="100%"/>  
  21.             </mx:FormItem>  
  22.                
  23.             <mx:FormItem label="输入至少10位电话号码: ">  
  24.                 <mx:TextInput id="phone" width="100%"/>  
  25.             </mx:FormItem>  
  26.                
  27.             <mx:FormItem label="输入社会保险号（外国人用的如：444-44-4444）: ">  
  28.                 <mx:TextInput id="ssn" width="100%"/>  
  29.             </mx:FormItem>  
  30.                
  31.             <mx:FormItem label="输入货币(可以有美元符$): ">  
  32.                  <mx:TextInput id="priceUS" width="100%"/>  
  33.             </mx:FormItem>  
  34.                
  35.             <mx:FormItem label="输入一个数字(18-50): ">  
  36.                 <mx:TextInput id="age" width="100%"/>  
  37.             </mx:FormItem>  
  38.                
  39.             <mx:FormItem label="请输入4-20的字符: ">  
  40.                     <mx:TextInput id="fname" width="100%"/>  
  41.                 </mx:FormItem>  
  42.                
  43.             <mx:FormItem label="Enter a 5 or 9 digit U.S. 邮编号: ">  
  44.                 <mx:TextInput id="zip" width="100%"/>  
  45.             </mx:FormItem>  
  46.                
  47.             <mx:FormItem >  
  48.                 <mx:Button id="myButton" label="确定" />  
  49.             </mx:FormItem>  
  50.         </mx:Form>  
  51.     </mx:Panel>  
  52.        
  53.   
  54.     <mx:EmailValidator source="{email}" property="text" trigger="{myButton}" triggerEvent="click" valid="Alert.show('Email格式正确!');"/>  
  55.     <mx:DateValidator source="{dob}" property="text" allowedFormatChars="-" inputFormat="yyyy-mm-dd" wrongMonthError="月份要在1-12之间."  
  56. trigger="{myButton}" triggerEvent="click" valid="Alert.show('出生日期格式正确!');"/>  
  57.     <mx:PhoneNumberValidator source="{phone}" allowedFormatChars="-+/" invalidCharError="格式不正确" wrongLengthError="数字太短了" property="text" trigger="{myButton}" triggerEvent="click" valid="Alert.show('电话格式正确!!');"/>  
  58.     <mx:SocialSecurityValidator source="{ssn}" property="text" trigger="{myButton}" triggerEvent="click" valid="Alert.show('社会保险号格式正确!!');"/>  
  59.     <mx:CurrencyValidator source="{priceUS}" property="text" precision="2" trigger="{myButton}" triggerEvent="click" valid="Alert.show('货币格式正确!');"/>  
  60.     <mx:NumberValidator source="{age}" property="text" integerError="请输入18-50之间的整数"  
  61.         minValue="18" maxValue="50" domain="int" trigger="{myButton}" triggerEvent="click" valid="Alert.show('数字验证正确!');"/>       
  62.     <mx:StringValidator source="{fname}" property="text"    
  63.         tooShortError="字符串太短了，请输入最少4个字符. "    
  64.         tooLongError="字符串太长了，请输入最长20个字符. "    
  65.         minLength="4" maxLength="20"    
  66.         trigger="{myButton}" triggerEvent="click"    
  67.         valid="Alert.show('字符串格式正确!');"/>      
  68.     <mx:ZipCodeValidator source="{zip}" property="text"    
  69.         trigger="{myButton}" triggerEvent="click"    
  70.         valid="Alert.show('邮编格式正确(外国人用的)');"/>    
  71. </mx:Application>  
1 楼 azhqiang 2010-06-05  
谢谢你啊。呵呵
友情提示：
信息收集于互联网，如果您发现错误或造成侵权，请及时通知本站更正或删除，具体联系方式见页面底部联系我们，谢谢。

其他相似内容：

热门推荐：