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="955" minHeight="600">
	<s:layout>
		<s:BasicLayout/>
	</s:layout>
	<fx:Declarations>
		<!-- 将非可视元素(例如服务、值对象)放在此处 -->
		<mx:DateValidator source="{birthday}" 
						  property="text"
                          inputFormat="mm/dd/yyyy"
				          allowedFormatChars="/"
                           trigger="{submitButton}"
				 triggerEvent="click"/>
	</fx:Declarations>
	<s:VGroup horizontalCenter="0" verticalCenter="0">
		<s:Label text="Enter your birth date:"/>
		<s:TextInput id="birthday"/>
		<s:Button label="Submit" id="submitButton"/>
	</s:VGroup>
</s:Application>


第二种验证方法:
<?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="955" minHeight="600">
	<s:layout>
		<s:BasicLayout/>
	</s:layout>
	<fx:Declarations>
		<!-- 将非可视元素(例如服务、值对象)放在此处 -->
		<mx:DateValidator
			monthSource="{month}" monthProperty="value"
			daySource="{day}"     dayProperty="value"
			yearSource="{year}"   yearProperty="text"
			trigger="{submitButton}" triggerEvent="click"
			/>
	</fx:Declarations>
	
	<s:HGroup horizontalCenter="0" verticalCenter="0">
		<s:Label text="Month"/>
		<s:NumericStepper id="month"/>
		<s:Label text="Day:"/>
		<s:NumericStepper id="day"/>
		<s:Label text="year"/>
		<s:TextInput id="year" width="60"/>
		<s:Button label="Submit" id="submitButton"/>
	</s:HGroup>
</s:Application>

你可能感兴趣的:(flex之两种日起验证方法)