使用Validate验证Form表单

<?xml version="1.0" encoding="utf-8"?> <!-- date:2010.10.29 version:v1.0 des:验证表单并给予友好化提示 --> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" verticalAlign="middle" backgroundColor="white" pageTitle="验证form表单" creationComplete="init()"> <mx:Script> <!--[CDATA[ import mx.validators.Validator; import mx.events.ValidationResultEvent; import mx.validators.ZipCodeValidatorDomainType; import mx.controls.Alert; [Bindable] private var validatorArr:Array; private function init():void { validatorArr=new Array(); validatorArr.push(name_stringValidator); validatorArr.push(address1_stringValidator); validatorArr.push(city_stringValidator); validatorArr.push(state_numberValidator); validatorArr.push(zipCode_zipCodeValidator); validatorArr.push(zipCode_stringValidator); } private function validateForm(evt:MouseEvent):void { var validatorErrorArray:Array=Validator.validateAll(validatorArr); var isValidForm:Boolean=validatorErrorArray.length == 0; if (isValidForm) { Alert.show("员工信息填写完整!"); } else { var err:ValidationResultEvent; var errorMessageArray:Array=[]; for each(err in validatorErrorArray) { var errField:String=FormItem(err.currentTarget.source.parent).label errorMessageArray.push(errField + ": " + err.message); } Alert.show(errorMessageArray.join("/n/n"), "请按照以下错误提示信息重新填写", Alert.OK); } } private function resetForm(evt:MouseEvent):void { e_name.text=""; address1.text=""; address2.text=""; city.text=""; state.selectedIndex=-1; zipCode.text=""; } ]]--> </mx:Script> <mx:XMLList id="statesXMLList"> <state label="生产中心" data="CA"/> <state label="运营中心" data="OR"/> </mx:XMLList> <mx:StringValidator id="name_stringValidator" source="{e_name}" requiredFieldError="姓名不能为空" property="text" minLength="2"/> <mx:StringValidator id="address1_stringValidator" source="{address1}" requiredFieldError="地址不能为空" property="text" minLength="2"/> <mx:StringValidator id="city_stringValidator" source="{city}" requiredFieldError="城市不能为空" property="text" minLength="2"/> <mx:NumberValidator id="state_numberValidator" source="{state}" lowerThanMinError="请选择员工所在部门" requiredFieldError="请选择部门" property="selectedIndex" minValue="0"/> <mx:ZipCodeValidator id="zipCode_zipCodeValidator" source="{zipCode}" property="text" requiredFieldError="邮政编码不能超过10位" domain="{ZipCodeValidatorDomainType.US_ONLY}"/> <mx:StringValidator id="zipCode_stringValidator" source="{zipCode}" property="text" tooShortError="邮政编码是0-9的数字" requiredFieldError="邮政编码不能为空" maxLength="10"/> <mx:Form> <mx:FormHeading label="员工注册"/> <mx:FormItem required="true" label="姓名"> <mx:TextInput id="e_name" maxChars="96"/> </mx:FormItem> <mx:FormItem required="true" label="地址"> <mx:TextInput id="address1" maxChars="128"/> </mx:FormItem> <mx:FormItem label="区域"> <mx:TextInput id="address2" maxChars="128"/> </mx:FormItem> <mx:FormItem required="true" label="城市"> <mx:TextInput id="city" maxChars="128"/> </mx:FormItem> <mx:FormItem required="true" label="部门"> <mx:ComboBox id="state" prompt="选择部门" selectedIndex="-1" dataProvider="{statesXMLList}" labelField="@label"/> </mx:FormItem> <mx:FormItem required="true" label="邮政编码"> <mx:TextInput id="zipCode" maxChars="10" restrict="0-9 -"/> </mx:FormItem> <mx:FormItem> <mx:HBox> <mx:Button label="注册" click="validateForm(event)"/> <mx:Button label="重置" click="resetForm(event)"/> </mx:HBox> </mx:FormItem> </mx:Form> </mx:Application>