Flex中如何利用Validators.validateAll()事件验证一个表单(Form)的例子

Jul 01

接下来的例子演示了Flex中如何利用Validators.validateAll()事件，验证一个表单的项目。试着在下面的Demo中输入一些东西。

让我们先来看一下Demo（可以右键View Source或点击这里察看源代码）：

下面是完整代码(或点击这里察看)：

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" verticalAlign="middle" backgroundColor="white" creationComplete="initApp()">
<mx:Script>
<![CDATA[
import mx.events.ValidationResultEvent;
import mx.controls.Alert;
import mx.validators.Validator;
private var myValidators:Array;
private function initApp():void {
myValidators = [valid1, valid2];
}
private function clickHandler():void {
var errors:Array = Validator.validateAll(myValidators);
if (errors.length == 0) {
Alert.show("Looks valid to me.", "SUCCESS");
}
}
]]>
</mx:Script>
<mx:StringValidator id="valid1" source="{ti1}" property="text" minLength="4" maxLength="6" />
<mx:StringValidator id="valid2" source="{ti2}" property="text" minLength="4" maxLength="6" enabled="false" />
<mx:TextInput id="ti1" />
<mx:TextInput id="ti2" />
<mx:Button label="validate" click="clickHandler()" />
</mx:Application>

代码：Peter deHaan 翻译/整理/编译：minidxer

中文Flex例子