flex最全的表单验证
2013-01-22 09:51
197 查看
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" fontSize="12">
<mx:Script>
import mx.controls.Alert;
public function openUrl():void{
navigateToURL(new URLRequest("http://hi.baidu.com/woaidelphi/"), "_blank");
}
</mx:Script>
<mx:Button label="查看更多flex" click="openUrl()"/>
<mx:Panel title="验证大全" width="75%" height="75%"
paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10" fontSize="12">
<mx:Form>
<mx:FormItem label="输入你的Email: ">
<mx:TextInput width="100%"/>
</mx:FormItem>
<mx:FormItem label="请输入你的生日:(yyyy-mm-dd): ">
<mx:TextInput width="100%"/>
</mx:FormItem>
<mx:FormItem label="输入至少10位电话号码: ">
<mx:TextInput width="100%"/>
</mx:FormItem>
<mx:FormItem label="输入社会保险号(外国人用的如:444-44-4444): ">
<mx:TextInput width="100%"/>
</mx:FormItem>
<mx:FormItem label="输入货币(可以有美元符$): ">
<mx:TextInput width="100%"/>
</mx:FormItem>
<mx:FormItem label="输入一个数字(18-50): ">
<mx:TextInput width="100%"/>
</mx:FormItem>
<mx:FormItem label="请输入4-20的字符: ">
<mx:TextInput width="100%"/>
</mx:FormItem>
<mx:FormItem label="Enter a 5 or 9 digit U.S. 邮编号: ">
<mx:TextInput width="100%"/>
</mx:FormItem>
<mx:FormItem >
<mx:Button label="确定" />
</mx:FormItem>
</mx:Form>
</mx:Panel>
<mx:EmailValidator source="{email}" property="text" trigger="{myButton}" triggerEvent="click" valid="Alert.show('Email格式正确!');"/>
<mx:DateValidator source="{dob}" property="text" allowedFormatChars="-" inputFormat="yyyy-mm-dd" wrongMonthError="月份要在1-12之间."
trigger="{myButton}" triggerEvent="click" valid="Alert.show('出生日期格式正确!');"/>
<mx:PhoneNumberValidator source="{phone}" allowedFormatChars="-+/" invalidCharError="格式不正确" wrongLengthError="数字太短了" property="text" trigger="{myButton}" triggerEvent="click" valid="Alert.show('电话格式正确!!');"/>
<mx:SocialSecurityValidator source="{ssn}" property="text" trigger="{myButton}" triggerEvent="click" valid="Alert.show('社会保险号格式正确!!');"/>
<mx:CurrencyValidator source="{priceUS}" property="text" precision="2" trigger="{myButton}" triggerEvent="click" valid="Alert.show('货币格式正确!');"/>
<mx:NumberValidator source="{age}" property="text" integerError="请输入18-50之间的整数"
minValue="18" maxValue="50" domain="int" trigger="{myButton}" triggerEvent="click" valid="Alert.show('数字验证正确!');"/>
<mx:StringValidator source="{fname}" property="text"
tooShortError="字符串太短了,请输入最少4个字符. "
tooLongError="字符串太长了,请输入最长20个字符. "
minLength="4" maxLength="20"
trigger="{myButton}" triggerEvent="click"
valid="Alert.show('字符串格式正确!');"/>
<mx:ZipCodeValidator source="{zip}" property="text"
trigger="{myButton}" triggerEvent="click"
valid="Alert.show('邮编格式正确(外国人用的)');"/>
</mx:Application>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" fontSize="12">
<mx:Script>
import mx.controls.Alert;
public function openUrl():void{
navigateToURL(new URLRequest("http://hi.baidu.com/woaidelphi/"), "_blank");
}
</mx:Script>
<mx:Button label="查看更多flex" click="openUrl()"/>
<mx:Panel title="验证大全" width="75%" height="75%"
paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10" fontSize="12">
<mx:Form>
<mx:FormItem label="输入你的Email: ">
<mx:TextInput width="100%"/>
</mx:FormItem>
<mx:FormItem label="请输入你的生日:(yyyy-mm-dd): ">
<mx:TextInput width="100%"/>
</mx:FormItem>
<mx:FormItem label="输入至少10位电话号码: ">
<mx:TextInput width="100%"/>
</mx:FormItem>
<mx:FormItem label="输入社会保险号(外国人用的如:444-44-4444): ">
<mx:TextInput width="100%"/>
</mx:FormItem>
<mx:FormItem label="输入货币(可以有美元符$): ">
<mx:TextInput width="100%"/>
</mx:FormItem>
<mx:FormItem label="输入一个数字(18-50): ">
<mx:TextInput width="100%"/>
</mx:FormItem>
<mx:FormItem label="请输入4-20的字符: ">
<mx:TextInput width="100%"/>
</mx:FormItem>
<mx:FormItem label="Enter a 5 or 9 digit U.S. 邮编号: ">
<mx:TextInput width="100%"/>
</mx:FormItem>
<mx:FormItem >
<mx:Button label="确定" />
</mx:FormItem>
</mx:Form>
</mx:Panel>
<mx:EmailValidator source="{email}" property="text" trigger="{myButton}" triggerEvent="click" valid="Alert.show('Email格式正确!');"/>
<mx:DateValidator source="{dob}" property="text" allowedFormatChars="-" inputFormat="yyyy-mm-dd" wrongMonthError="月份要在1-12之间."
trigger="{myButton}" triggerEvent="click" valid="Alert.show('出生日期格式正确!');"/>
<mx:PhoneNumberValidator source="{phone}" allowedFormatChars="-+/" invalidCharError="格式不正确" wrongLengthError="数字太短了" property="text" trigger="{myButton}" triggerEvent="click" valid="Alert.show('电话格式正确!!');"/>
<mx:SocialSecurityValidator source="{ssn}" property="text" trigger="{myButton}" triggerEvent="click" valid="Alert.show('社会保险号格式正确!!');"/>
<mx:CurrencyValidator source="{priceUS}" property="text" precision="2" trigger="{myButton}" triggerEvent="click" valid="Alert.show('货币格式正确!');"/>
<mx:NumberValidator source="{age}" property="text" integerError="请输入18-50之间的整数"
minValue="18" maxValue="50" domain="int" trigger="{myButton}" triggerEvent="click" valid="Alert.show('数字验证正确!');"/>
<mx:StringValidator source="{fname}" property="text"
tooShortError="字符串太短了,请输入最少4个字符. "
tooLongError="字符串太长了,请输入最长20个字符. "
minLength="4" maxLength="20"
trigger="{myButton}" triggerEvent="click"
valid="Alert.show('字符串格式正确!');"/>
<mx:ZipCodeValidator source="{zip}" property="text"
trigger="{myButton}" triggerEvent="click"
valid="Alert.show('邮编格式正确(外国人用的)');"/>
</mx:Application>
相关文章推荐
- flex最全的表单验证
- 史上最全JS表单验证封装类
- 史上最全JS表单验证封装类
- java 验证表单工具类,史上最全
- 史上最全Java表单验证封装类
- 关于flex自带的表单验证
- Flex&ActionScript表单验证
- flex表单提交验证简洁的方法
- 史上最全JS表单验证封装类
- 史上最全JS表单验证封装类
- Java 验证表单工具类,史上最全
- flex提供的基本表单验证
- 史上最全Java表单验证封装类
- 史上最全Java表单验证封装类
- 史上最全Java表单验证封装类
- Flex中验证表单项目合法性并给予友好提示
- 史上最全JS表单验证封装类
- 史上最全的表单验证表达式
- 最全js表单验证
- Java 验证表单工具类,史上最全