FLEX Validator 활용

FLEX의 Validator 를 활용하는 예제입니다.

회원 가입폼이나 특정한 양식에 쓰이겠죠,,

소스


<?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" autoLayout="false" backgroundColor="white"> <mx:Script> <![CDATA[ import mx.controls.Alert; import mx.events.ValidationResultEvent; // Validator 리썰트 이벤트 private function emailValidator_valid(evt:ValidationResultEvent):void { txt.errorString = ""; message.text = ""; Alert.show(txt.text, "통과된 이메일"); // 통과 이메일 } private function emailValidator_invalid(evt:ValidationResultEvent):void { txt.errorString = evt.message; // 통과 안된 이메일 message.text = evt.message; } private function btn_click(evt:MouseEvent):void { emailVali.validate(txt.text); //EmailValidator } ]]> </mx:Script> <mx:EmailValidator id="emailVali" valid="emailValidator_valid(event);" invalid="emailValidator_invalid(event);" /> // EmailValidator 이메일 전용 Validator <mx:Form defaultButton="{btn}"> <mx:FormItem fontSize="11" label="이메일 : " direction="horizontal"> <mx:TextInput id="txt" focusAlpha="0.5" /> <mx:Button id="btn" fontSize="11" label="확 인" click="btn_click(event);" /> </mx:FormItem> </mx:Form> <mx:Label id="message" width="501" fontSize="11" textAlign="center"/> </mx:Application> --- <!-- <mx:PhoneNumberValidator /> // 전화 Validator <mx:Validator /> // 아이디 비번같은 그외 Validator package myValidators //이 코드는 어도비 라이브독에서 기본지원하는 라이브러리 팩키지(생일기준) { import mx.validators.Validator; import mx.validators.ValidationResult; public class AgeValidator extends Validator { // Define Array for the return value of doValidation(). private var results:Array; // Constructor. public function AgeValidator() { // Call base class constructor. super(); } // Define the doValidation() method. override protected function doValidation(value:Object):Array { // Convert value to a Number. var inputValue:Number = Number(value); // Clear results Array. results = []; // Call base class doValidation(). results = super.doValidation(value); // Return if there are errors. if (results.length > 0) return results; // Create a variable and initialize it to the current date. var currentYear:Date = new Date(); // If input value is not a number, or contains no value, // issue a validation error. if (isNaN(inputValue) || !value ) { results.push(new ValidationResult(true, null, "NaN", "You must enter a year.")); return results; } // If calculated age is less than 18, issue a validation error. if ((currentYear.getFullYear() - inputValue) < 18) { results.push(new ValidationResult(true, null, "tooYoung", "You must be 18.")); return results; } return results; } } } -->



이메일 Validator로 만든 실행화면