Flex2 数据的验证方法以及如何改变错误提示的CSS
2006-12-22 10:57
555 查看
Flex2开发项目中经常需要验证用户输入,Flex2自身为我们提供丰富的组件。
下面的例子我们实现了如下一些特性:
1)数据集中验证
2)定位光标到第一个验证失败的位置
3)错误提示中中文显示的CSS
<?xml version="1.0"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" xmlns:local="*" creationComplete="initValidatorArray();" width="402" height="152">
<mx:Script>
<![CDATA[
import mx.events.ValidationResultEvent;
import mx.core.UIComponent;
import mx.controls.Alert;
import mx.validators.*;
private var myValidators:Array;
private function initValidatorArray():void {
myValidators=[zipV, pnV];
}
//按钮事件,检测通过执行操作
private function btnValidate_Click(event:Event):void{
var validatorResults:Array = mx.validators.Validator.validateAll(myValidators);
//长度为0表示所有验证通过
if(validatorResults.length == 0){
mx.controls.Alert.show("Validate OK!");
}else{
//将光标定位到第一个错误
var v:ValidationResultEvent = validatorResults[0] as ValidationResultEvent;
(v.target.source as UIComponent).setFocus();
}
}
]]>
</mx:Script>
<!--如果你要在验证错误提示中显示中文,使用这个改变字体大小!-->
<mx:Style>
.errorTip {fontFamily:"simsun"; fontSize:"12"}
</mx:Style>
<mx:ZipCodeValidator id="zipV" source="{zipCodeInput}" property="text" requiredFieldError="邮编必须填写"/>
<mx:PhoneNumberValidator id="pnV" source ="{phoneNumberInput}" property="text" />
<mx:Form x="24" y="24">
<mx:FormItem label="zip Code:" required="true">
<mx:TextInput id="zipCodeInput"/>
</mx:FormItem>
<mx:FormItem label="phone Number:" required="true">
<mx:TextInput id="phoneNumberInput"/>
</mx:FormItem>
</mx:Form>
<mx:Button label="Validate" click="btnValidate_Click(event)"/>
</mx:Application>
示例:
下面的例子我们实现了如下一些特性:
1)数据集中验证
2)定位光标到第一个验证失败的位置
3)错误提示中中文显示的CSS
<?xml version="1.0"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" xmlns:local="*" creationComplete="initValidatorArray();" width="402" height="152">
<mx:Script>
<![CDATA[
import mx.events.ValidationResultEvent;
import mx.core.UIComponent;
import mx.controls.Alert;
import mx.validators.*;
private var myValidators:Array;
private function initValidatorArray():void {
myValidators=[zipV, pnV];
}
//按钮事件,检测通过执行操作
private function btnValidate_Click(event:Event):void{
var validatorResults:Array = mx.validators.Validator.validateAll(myValidators);
//长度为0表示所有验证通过
if(validatorResults.length == 0){
mx.controls.Alert.show("Validate OK!");
}else{
//将光标定位到第一个错误
var v:ValidationResultEvent = validatorResults[0] as ValidationResultEvent;
(v.target.source as UIComponent).setFocus();
}
}
]]>
</mx:Script>
<!--如果你要在验证错误提示中显示中文,使用这个改变字体大小!-->
<mx:Style>
.errorTip {fontFamily:"simsun"; fontSize:"12"}
</mx:Style>
<mx:ZipCodeValidator id="zipV" source="{zipCodeInput}" property="text" requiredFieldError="邮编必须填写"/>
<mx:PhoneNumberValidator id="pnV" source ="{phoneNumberInput}" property="text" />
<mx:Form x="24" y="24">
<mx:FormItem label="zip Code:" required="true">
<mx:TextInput id="zipCodeInput"/>
</mx:FormItem>
<mx:FormItem label="phone Number:" required="true">
<mx:TextInput id="phoneNumberInput"/>
</mx:FormItem>
</mx:Form>
<mx:Button label="Validate" click="btnValidate_Click(event)"/>
</mx:Application>
示例:
相关文章推荐
- Sql2012如何将远程服务器数据库及表、表结构、表数据导入本地数据库 自定义日志记录功能,按日记录,很方便 C#常量和字段以及各种方法的语法总结 类型,对象,线程栈,托管堆在运行时的关系,以及clr如何调用静态方法,实例方法,和虚方法 asp.net webapi 自定义身份验证
- ASP.NET MVC异步验证是如何工作的01,jQuery的验证方式、错误信息提示、validate方法的背后
- jquery formValidator插件ajax验证,在内容不做修改的前提下提示错误的bug解决方法
- TP 5 如何打开错误以及提示
- jquery formValidator插件ajax验证 内容不做任何修改再离开提示错误的bug解决方法
- 使用纯XAML标记实现数据验证错误提示
- Dedecms导入数据提示:USING BTREE ) ENGINE=MyISAM DEFAULT CHARSET=错误的解决方法
- 在网页中页中加入CSS有几种方法!以及在样式定义有冲突时的优先级如何分配!
- 一个流行且实用的JS表单验证提示,演示了怎么自定义错误信息的显示方式,同时通过写FormValid.showError类方法来实现错误显示方式自定义: errMsg 是一个错误消息的数组,这样方便自定
- [原创] 一种页面数据错误输入提示方法
- 如何使用沃顿研究数据中心(WRDS,CRSP)查询美股历史交易数据(R语言的调用方法以及代码示例)
- 关于如何确定要索引的数据列以及如何正确的建立索引的一些方法
- 使用sql server management studio 2008 无法查看数据库,提示 无法为该请求检索数据 错误916解决方法
- Flex中通过设置borderColor样式和.errorTip CSS分离器改变错误信息提示背景颜色(background color)的例子
- oracle系统默认用户名以及如何解决scott提示被锁的方法
- js赋值改变后原来的东西也改变了,影响了好几个其它使用同一个源数据的原因以及解决方法
- win7系统打开U盘提示“参数错误”怎么办? 如何复制U盘数据?
- 大数据学习系列之八----- Hadoop、Spark、HBase、Hive搭建环境遇到的错误以及解决方法
- 开发项目时,提示 找不到类的解决方法,以及如何设置编译源目录
- 登陆页老是提示验证码错误,validate验证控件IE下用remote方法明明返回true 但是还是报错,提示验证码错误