zoukankan      html  css  js  c++  java
  • Flex2 数据的验证方法以及如何改变错误提示的CSS

    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> 


    示例:


  • 相关阅读:
    穿出不一样的自己,做自己的高级定制服装师_豆瓣
    微信公众帐号开发。大家是用框架还是自己写的流程。现在遇到若干问题。请教各路大仙
    (Pre sell) ZOPO ZP998 (C2 II) 5.5 inch smart phone True Octa Core MTK6592 1920X1080 FHD screen 401 ppi 2GB/32GB 14.0Mp camera-in Mobile Phones from Electronics on Aliexpress.com
    内秀_百度百科
    Boost正则表达式库regex常用search和match示例
    怎样学习使用libiconv库
    libiconv_百度百科
    c++
    解决Boost.Regex对中文支持不好的问题
    毛料西服缩水了怎么办?_百度知道
  • 原文地址:https://www.cnblogs.com/mobile/p/600154.html
Copyright © 2011-2022 走看看