flex集中验证

 如果你的表单里面有十几个字段需要验证，规定输入大小范围等，这个时候倘若一个一个验证是一个非常不明智的方法，而且一个一个验证很难，我试过使用失去焦点事件来触发，但是无法强制阻止用户保存错误数据。一种比较好的方法便是使用Validator的validateAll方法验证所有的验证器，其返回值是一个数组，通过检查此数组长度便可以检查是否全部都验证通过，其次数组元素都是验证事件，通过循环遍历和强制类型转换还可以获得验证不通过的对象！下面是具体代码：

<?xml version="1.0" encoding="utf-8"?> <mx:Form xmlns:mx="http://www.adobe.com/2006/mxml" creationComplete="init()"> <mx:Script> <!--[CDATA[ import mx.validators.Validator; private var myValidators:Array=new Array(); private function init():void { myValidators=[usernameValidator, passwordValidator, numberValidator]; } private function validateForm():void { var vals:Array=new Array(); vals=Validator.validateAll(myValidators); if(vals.length>0){ trace("某些地方出错了"); } } ]]--> </mx:Script> <mx:Style> .errorTip{ fontSize:12; } </mx:Style> <mx:FormItem label="用户名：" required="true"> <mx:TextInput id="usernameInput"/> </mx:FormItem> <mx:FormItem label="密码(6——18位)：" required="true"> <mx:TextInput id="passwordInput" displayAsPassword="true" maxChars="18" restrict="[a-zA-Z0-9]"/> </mx:FormItem> <mx:FormItem label="数字验证（0——254）：" required="true"> <mx:TextInput id="numberInput" restrict="[0-9]" maxChars="3"/> </mx:FormItem> <mx:FormItem> <mx:HBox id="userInfoFormHBox" width="100%"> <mx:Button id="loginBtn" label="登录" click="validateForm()"/> <mx:Button id="cancelBtn" label="取消"/> </mx:HBox> </mx:FormItem> <mx:StringValidator id="usernameValidator" trigger="{loginBtn}" property="text" requiredFieldError="必填选项" minLength="6" maxLength="18" tooLongError="用户名最长为18位" tooShortError="用户名最短为6位" source="{usernameInput}"/> <mx:StringValidator id="passwordValidator" trigger="{loginBtn}" property="text" source="{passwordInput}" minLength="6" maxLength="18" requiredFieldError="必填选项" tooLongError="密码最长为18位" tooShortError="密码最短为6位"/> <mx:NumberValidator id="numberValidator" minValue="0" maxValue="254" requiredFieldError="必填选项" source="{numberInput}" property="text" trigger="{loginBtn}" exceedsMaxError="不可以超出最大值" integerError="不是整数" invalidCharError="请输入数字" lowerThanMinError="必须输入最大值"/> </mx:Form>

发现了另外一种方法，代码稍微长了点

<?xml version="1.0"?> <!-- validators/FullApp.mxml --> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"> <mx:Script> <!--[CDATA[ import mx.events.ValidationResultEvent; private var vResult:ValidationResultEvent; // Function to validate data and submit it to the server. private function validateAndSubmit():void { // Validate the required fields. vResult=fNameV.validate(); if (vResult.type == ValidationResultEvent.INVALID) return; vResult=lNameV.validate(); if (vResult.type == ValidationResultEvent.INVALID) return; // Since the date requires 3 fields, perform the validation // when the Submit button is clicked. vResult=dayV.validate(); if (vResult.type == ValidationResultEvent.INVALID) return; // Invoke any other validators or validation logic to make // an additional check before submitting the data. // Submit data to server. } ]]--> </mx:Script> <!-- Define the data model. --> <mx:Model id="formInfo"> <formData> <date> <month>{monthInput.text}</month> <day>{dayInput.text}</day> <year>{yearInput.text}</year> </date> <name> <firstName>{fNameInput.text}</firstName> <lastName>{lNameInput.text}</lastName> </name> <phoneNum>{phoneInput.text}</phoneNum> </formData> </mx:Model> <!-- Define the validators. --> <mx:StringValidator id="fNameV" required="true" source="{fNameInput}" property="text"/> <mx:StringValidator id="lNameV" required="true" source="{lNameInput}" property="text"/> <mx:PhoneNumberValidator id="pnV" source="{phoneInput}" property="text"/> <!-- Invoke the DataValidator programmatically. --> <mx:DateValidator id="dayV" triggerEvent="" daySource="{dayInput}" dayProperty="text" monthSource="{monthInput}" monthProperty="text" yearSource="{yearInput}" yearProperty="text"/> <!-- Define the form to populate the model. --> <mx:Form> <mx:FormItem label="Month"> <mx:TextInput id="monthInput"/> </mx:FormItem> <mx:FormItem label="Day"> <mx:TextInput id="dayInput"/> </mx:FormItem> <mx:FormItem label="Year"> <mx:TextInput id="yearInput"/> </mx:FormItem> <mx:FormItem label="First name"> <mx:TextInput id="fNameInput"/> </mx:FormItem> <mx:FormItem label="Last name"> <mx:TextInput id="lNameInput"/> </mx:FormItem> <mx:FormItem label="Phone"> <mx:TextInput id="phoneInput"/> </mx:FormItem> </mx:Form> <!-- Define the button to trigger validation. --> <mx:Button label="Submit" click="validateAndSubmit();"/> </mx:Application>