 |
|||
| Flex 2 컴퍼넌트의 작성과 확장 > 비주얼하지 않은 Flex 컴퍼넌트의 작성 > custom validator 의 작성 > 예 :복수의 필드의 검증 | |||
|
|||
 |
|||
|
|||
예 :복수의 필드의 검증
발리 데이터는, 1 번에 복수의 필드를 검증할 수 있습니다. 예를 들어, 사람의 성, 이름, 미들 네임을 나타내는 3 개의 입력 컨트롤을 검증하기 위해서, NameValidator 라고 하는 커스텀의 validator 를 작성한다고 합니다.
복수의 필드를 조사하는 validator 를 작성하려면 , Flex DateValidator 클래스와 같게, 복수의 입력 필드를 지정할 수 있도록(듯이) validator 의 properties 를 정의하는지, validator 에게 건네지는 단일의 아이템에, 검증 대상의 모든 필드를 포함합니다.
다음의 예에서는,first,middle,last 의 3 개의 필드를 포함한 아이템을 검증하는 NameValidator 를 사용합니다.
<? xml version="1. 0"? > <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"xmlns:MyComp="myValidators. *"> <mx:Model id="person"> <name> <custName> <first>{firstInput.text}</first> <middle>{middleInput.text}</middle> <last>{lastInput.text}</last> </custName> </name> </mx:Model> <mx:TextInput id="firstInput"/> <mx:TextInput id="middleInput"/> <mx:TextInput id="lastInput"/><MyComp:NameValidator id="nameVal"<mx:Button label="Validate" click="nameVal.validate() ;"/> </mx:Application>
source="{person}" property="custName"
listener="{firstInput}"/>
이 validator 는, 3 개의 입력 필드를 조사합니다. firstInput 를 검증 Listener로서 지정합니다. 따라서, 검증 에러가 발생하면, Flex 는 최초의 TextInput 컨트롤에 검증 에러 메세지를 표시합니다.
다음의 예와 같이, NameValidator 클래스를 구현할 수 있습니다.
package myValidators
{
import mx.validators.Validator;
import mx.validators.ValidationResult;
public class NameValidator extends Validator {
// doValidation()의 반환값의 Array 를 정의한다
private var results:Array;
public function NameValidator () {
super();
}
override protected function doValidation(value:Object) :Array {
var fName:String = value.first;
var mName:String = value.middle;
var lName:String = value.last;
// 결과의 Array 를 클리어 한다
results = [];
// 기본 class doValidation()를 호출한다
results = super.doValidation(value);
// 에러가 있을지 어떨지를 돌려준다
if (results.length > 0)
return results;
// 이름의 필드를 체크한다
if (fName == "" || fName == null) {
results.push(new ValidationResult(true, "first", "noFirstName",
"No First Name. "));
return results;
}
// 미들 네임의 필드를 체크한다
if (mName == "" || mName == null) {
results.push(new ValidationResult(true, "middle", "noMiddleName",
"No Middle Name. "));
return results;
}
// 성의 필드를 체크한다
if (lName == "" || lName == null) {
results.push(new ValidationResult(true, "last", "noLastName",
"No Last Name. "));
return results;
}
return results;
}
}
}
이 예에서는, 단일의 validator 를 사용해, validator 에게 건네진 Object 의 3 개의 필드를 검증하기 위해(때문에),ValidationResult 클래스의 constructor 에 옵션의 2 번째의 파라미터를 포함해, 검증 에러의 원인이 된 subfield를 지정합니다. 이것에 의해, Flex 는 에러의 원인이 된 입력 컴퍼넌트를 식별해, 어플리케이션내에서 그 컴퍼넌트를 하이라이트 표시할 수 있습니다.
doValidation() 메소드는, 최초의 검증 에러를 검출하자, 곧바로 검증 에러를 돌려줍니다. 이것은, 다음의 예와 같이, 모든 입력 필드를 조사하고 나서 에러 메세지를 돌려주도록(듯이) doValidation() 를 변경할 수 있습니다.
override protected function doValidation(value:Object) :Array {
var fName:String = value.first;
var mName:String = value.middle;
var lName:String = value.last;
// 결과의 Array 를 클리어 한다
results = [];
// 기본 class doValidation()를 호출한다
results = super.doValidation(value);
// 에러가 있을지 어떨지를 돌려준다
if (results.length > 0)
return results;
// 이름의 필드를 체크한다
if (fName == "" || fName == null) {
results.push(new ValidationResult(true, "first", "noFirstName",
"No First Name. "));
}
// 미들 네임의 필드를 체크한다
if (mName == "" || mName == null) {
results.push(new ValidationResult(true, "middle", "noMiddleName",
"No Middle Name. "));
}
// 성의 필드를 체크한다
if (lName == "" || lName == null) {
results.push(new ValidationResult(true, "last", "noLastName",
"No Last Name. "));
}
return results;
}
메소드내의 return 명령문(statement)가 1 행만으로 되도록(듯이),if 명령문(statement)의 본체로부터 return 명령문(statement)를 삭제합니다. 이 변경에 의해, 1 번에 3 개가 다른 검증 에러를 검출할 수 있습니다.