flex4的数据验证 Validator

 <?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>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值