使用Validators.validateAll()方法同时验证多个输入

最新推荐文章于 2021-09-01 08:45:32 发布

原创最新推荐文章于 2021-09-01 08:45:32 发布 · 593 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#Adobe #XML

flex 专栏收录该内容

34 篇文章

订阅专栏

本文介绍了一个使用Flex框架实现的简单验证器应用案例。通过两个文本输入框与自定义验证规则，展示了如何设置文本长度限制及错误提示。当用户点击验证按钮时，系统将检查输入是否符合规定长度，并给出相应反馈。

<?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:Style>
.errorTip
{
fontSize: 12;
}
</mx:Style>
<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" tooShortError="太少了吧" tooLongError="太多了吧" />
<mx:StringValidator id="valid2" source="{ti2}" property="text" minLength="4" maxLength="6" />
<mx:Label text="最少4个字符，最多6个字符，谢谢！" fontSize="12"/>

<mx:TextInput id="ti1" />
<mx:TextInput id="ti2" />

<mx:Button label="validate" click="clickHandler()" />

</mx:Application>