代码如下 :
<?xml version="1.0" encoding="utf-8"?>
<!--
date:2008.7.24
version:v1.0
author:zhaoyl
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="邮政编码不能为空"
minLength="10" 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>
分享到:
相关推荐
flex 表单数据合法性验证flex 表单数据合法性验证flex 表单数据合法性验证flex 表单数据合法性验证
flex客户表单范本,flex客户表单范本flex客户表单范本flex客户表单范本.
Flex 开发的表单 资产负债表,如有需要请留言。
Flex做的登录表单 ActionScript 3.0
Flex项目开发模板Flex项目开发模板Flex项目开发模板Flex项目开发模板Flex项目开发模板Flex项目开发模板Flex项目开发模板Flex项目开发模板Flex项目开发模板Flex项目开发模板Flex项目开发模板Flex项目开发模板Flex项目...
flex开发的表单设计器,可以完成界面的基本的操作和容器操作
flex中文帮助flex中文帮助flex中文帮助flex中文帮助
使用 Flex Builder 创建一个联系人表单
flex动态表单源码
Flex文本框自动提示源码,flex,flex
简单介绍flex表单的制作,含单选框、复选框的制作及取值的方法。希望大家能有所收获。
Flex 项目开发,个人专用 Flex 项目开发,个人专用 Flex 项目开发,个人专用 Flex 项目开发,个人专用
flex中文帮助文档flex中文帮助文档
Java整合flex的web小项目 Java MySQL flex json
1、Flex中配置FusionCharts说明文档是说明Flex项目和Java Web项目整合的过程 2、Fusionchart是Flex项目代码 3、Flex是Java Web项目代码 4、Java Web项目中有Flex项目所需的配置文件 5、Flex项目中用Fusioncharts插件...
NULL 博文链接:https://sy19861216.iteye.com/blog/698909
Flex开源项目
用户输入的数据有时候并不满足应用程序的规定,在 Flex 中验证器用来保证 UI 中的数据满足某种规则。比如,你可以用一个数字验证器来保证输入的只能是在某个范围内的数字。在典型的客户端 - 服务器环境中,数据的...
Flex Application Flex Application Flex Application
关与flex中项目渲染器的使用,有源码,说明详尽.仅供学习参考.