Validator 사용

자바 크 레이 지 에서 온 글
http://javacrazyer.iteye.com/blog/699305
Flex 4 에 대한 검증 은 DateValidtor, Email Validator, NumberValidator, StringValidator 등 여러 가지 가 있 습 니 다. 구체 적 인 모든 검증 은 AIR 데스크 톱 프로그램 을 참고 할 수 있 습 니 다.
주요 인증 코드 를 붙이다
validatorForm.mxml
Xml 코드

<span style="font-size: medium;"><?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"   
               skinClass="components.TDFPanelSkin"  
        >  
      
    <fx:Script>  
        <![CDATA[ 
            import components.TDFPanelSkin; 
             
            import mx.controls.Alert; 
            import mx.events.ValidationResultEvent; 
            import mx.validators.Validator; 
             
            //        
            function validateAge():void{ 
             var vd:ValidationResultEvent=numVD.validate(); 
             
            } 
             
            //          
            function vaidateForm():void{ 
             var all:Array=Validator.validateAll([numVD,dateVD,emailVD]); 
 if(all.length==0){ 
                 Alert.show("    "); 
                 //                 
                } 
             
            } 
             
             
            //NumberValidator     triggerEvent='click'        ，   triggerEven="", textInput   validate   
        ]]>  
    </fx:Script>  
  
    <s:layout>  
        <s:HorizontalLayout verticalAlign="middle" horizontalAlign="center" />  
    </s:layout>  
      
    <fx:Declarations>  
        <mx:NumberValidator id="numVD" source="{age}" property="text" integerError="Enter Integer value"  
                            minValue="18" maxValue="50" domain="int"   
                            trigger="{myButton}" triggerEvent=""  
                            valid="Alert.show('numValidation Succeeded!');"  
                              
                            />  
        <mx:DateValidator id="dateVD" source="{mydate}" property="text" allowedFormatChars="/"   
                          trigger="{myButton}" triggerEvent="click"   
                          valid="Alert.show('Validation Succeeded!');"/>  
        <mx:EmailValidator id="emailVD" source="{email}" triggerEvent="" property="text"/>  
    </fx:Declarations>  
      
    <s:Panel title="NumberValidator Example" width="600" height="100%"  
             color="0x000000"   
             borderAlpha="0.15" >  
          
        <s:layout>  
            <s:HorizontalLayout horizontalAlign="center"   
                                paddingLeft="10" paddingRight="10"   
                                paddingTop="10" paddingBottom="10"/>  
        </s:layout>  
          
        <mx:Form color="0x323232">  
            <mx:FormItem label="age">  
                <s:TextInput id="age" height="40" width="100%" fontSize="18"/>  
            </mx:FormItem>  
            <mx:FormItem label="date【mm/dd/yyyy】">  
                <s:TextInput id="mydate" height="40" width="100%" fontSize="18"/>  
            </mx:FormItem>  
            <mx:FormItem label="email">  
                <s:TextInput id="email" height="40" width="100%" fontSize="18"/>  
            </mx:FormItem>  
            <mx:FormItem >  
                <s:Button id="myButton" label="Validate" click="vaidateForm()" />  
            </mx:FormItem>  
        </mx:Form>  
          
    </s:Panel>  
      
</s:Application>  
</span>  
 

모든 항목 이 요구 에 부합 되 지 않 을 때 인증 단 추 를 누 르 면 입력 상자 로 돌아 가면 입력 이 성공 할 때 까지 해당 하 는 오류 알림 이 나타 납 니 다.