Flex2 数据的验证方法以及如何改变错误提示的CSS

Flex2开发项目中经常需要验证用户输入,Flex2自身为我们提供丰富的组件。
下面的例子我们实现了如下一些特性:
1)数据集中验证
2)定位光标到第一个验证失败的位置
3)错误提示中中文显示的CSS

None.gif <? xml version="1.0" ?>
None.gif
< mx:Application  xmlns:mx ="http://www.adobe.com/2006/mxml"  xmlns:local ="*"  creationComplete ="initValidatorArray();"  width ="402"  height ="152" >  
None.gif    
< mx:Script >
None.gif    
<![CDATA[
None.gif        import mx.events.ValidationResultEvent;
None.gif        import mx.core.UIComponent;
None.gif        import mx.controls.Alert;
None.gif        import mx.validators.*;
None.gif        private var myValidators:Array;
None.gif        
None.gif        private function initValidatorArray():void {
None.gif            myValidators=[zipV, pnV];
None.gif        }
None.gif        //按钮事件,检测通过执行操作
None.gif        private function btnValidate_Click(event:Event):void{
None.gif            var validatorResults:Array = mx.validators.Validator.validateAll(myValidators);
None.gif            //长度为0表示所有验证通过
None.gif            if(validatorResults.length == 0){
None.gif                mx.controls.Alert.show("Validate OK!");
None.gif            }else{
None.gif                //将光标定位到第一个错误
None.gif                var v:ValidationResultEvent = validatorResults[0] as ValidationResultEvent;
None.gif                (v.target.source as UIComponent).setFocus();
None.gif            }
None.gif        }
None.gif    
]]>
None.gif    
</ mx:Script >
None.gif    
None.gif    
<!-- 如果你要在验证错误提示中显示中文,使用这个改变字体大小! -->
None.gif    
< mx:Style >
None.gif       .errorTip {fontFamily:"simsun"; fontSize:"12"}        
None.gif    
</ mx:Style >
None.gif    
None.gif    
< mx:ZipCodeValidator  id ="zipV"  source ="{zipCodeInput}"  property ="text"  requiredFieldError ="邮编必须填写" />
None.gif    
< mx:PhoneNumberValidator  id ="pnV"  source  ="{phoneNumberInput}"  property ="text"   />
None.gif    
< mx:Form  x ="24"  y ="24" >
None.gif        
< mx:FormItem  label ="zip Code:"  required ="true" >
None.gif            
< mx:TextInput  id ="zipCodeInput" />
None.gif        
</ mx:FormItem >
None.gif        
< mx:FormItem  label ="phone Number:"  required ="true" >
None.gif            
< mx:TextInput  id ="phoneNumberInput" />
None.gif        
</ mx:FormItem >
None.gif    
</ mx:Form >
None.gif    
< mx:Button  label ="Validate"  click ="btnValidate_Click(event)" />  
None.gif
</ mx:Application >  
None.gif


示例:


转载于:https://www.cnblogs.com/mobile/archive/2006/12/22/600154.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值