<?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/halo" minWidth="1024" minHeight="768">
<fx:Declarations>
<!--下面的这句是验证信息 ,当然 我们也可以在按钮Button里触发用click="check()"
并且在<fx:Script>里定义的 check()方法 但是还是要申明 如: triggerEvent=""
例如:
import mx.events.ValidationResultEvent;
private function check():void
{
var event:ValidationResultEvent = numValidator.validate(); //此局代替在validator里的trigger 和相应的triggerEvent
}
//通过button触发
<mx:FormItem>
<s:Button id="submitButton"
label="Submit"
click="numNalidate()"/>
</mx:FormItem>
或者:
<mx:NumberValidator id="numValidator" required="true" allowNegative="false" property="text" source="{countText}"
trigger="{submitButton}" triggerEvent="click" precision="2"/>
property 指的是输入文本相应的属性 TextInput 的text属性
-->
<mx:NumberValidator id="numValidator" required="true" allowNegative="false" property="text" source="{countText}"
triggerEvent="" precision="2"/>
</fx:Declarations>
<fx:Script>
<![CDATA[
import mx.events.ValidationResultEvent;
private function check():void {
var event:ValidationResultEvent=numValidator.validate();
}
]]>
</fx:Script>
<mx:Form x="267" y="134">
<mx:FormHeading label="Validator Test" color="#2695EA"/>
<mx:FormItem label="账号" id="count" required="true">
<s:TextInput id="countText"/>
</mx:FormItem>
<mx:FormItem label="密码" id="password" required="true" >
<s:TextInput id="passwordText"/>
</mx:FormItem>
<mx:FormItem label="邮箱" id="email" required="true" >
<s:TextInput id="emailText"/>
</mx:FormItem>
<mx:FormItem label="名字" id="yourName" required="true" >
<s:TextInput id="nameText"/>
</mx:FormItem>
<mx:FormItem label="性别" id="sex" required="true">
<s:TextInput id="sexText"/>
</mx:FormItem>
<mx:FormItem label="日期" id="date" required="true">
<mx:DateChooser id="dateChooser" />
<s:TextInput id="dateText" text="{dateChooser.selectedDate}" width="100%"/>
</mx:FormItem>
<mx:FormItem label="提交" id="submit" required="true" >
<s:Button id="submitButton" label="提交" click="check()"/>
</mx:FormItem>
</mx:Form>
</s:Application>