• flex学习笔记关于验证


    简单的一个验证:
    <mx:Script>
            <![CDATA[
            import flash.utils.setTimeout;
            import mx.validators.Validator;
            private function submit(e : MouseEvent) : void
            {
                 var valiArr : Array = Validator.validateAll([valiTest]);
                 if( valiArr.length != 0 )
                 {
                  var me : MouseEvent = new MouseEvent( MouseEvent.MOUSE_OVER );
                  me.localX = e.localX;
                  me.localY = e.localX;
                  txtTest.dispatchEvent( me );
                  return;
                 }
                 //e.preventDefault();
                 //txtTest.text = "";
                 setTimeout( function clear() : void
                 {
                  txtTest.text = "";
                 },1000);
            }
            ]]>
        </mx:Script>
     
        <mx:VBox paddingTop="50">
             <mx:TextInput id="txtTest"/>
             <mx:Button    id="btnTest" click="submit( event )" />
        </mx:VBox>
        <mx:StringValidator 
               id="valiTest" 
               required="true" 
               trigger="{btnTest}" 
               triggerEvent="click" 
               source="{txtTest}" 
               property="text" />

    实现验证设置上面的属性即可(trigger="{btnTest}",triggerEvent="click" 只是设置点击按钮btnTest的时候所要验证的对象txtTest边框红色显示 )
    检测验证可以Validator.validateAll([valiTest]); 判断返回的数组是否为空即可,当然还可以用函数valiTest.validate() 以检测返回的的事件ValidationResultEvent的类型来判断是否通过验证
    如:
    var ve : ValidationResultEvent = valiTest.validate( txtTest.text );
    if( ve.type != ValidationResultEvent.VALID )
    {
         trace("验证失败");
    }
    上面的 me : MouseEvent  是为了验证失败的时候 不需要鼠标经过文本框,自动显示错误信息.

  • 相关阅读:
    学习日记-- 动态性。动态编译,静态方法,包装类
    第一周学习所获———ORM,数据持久化,通过注解来实现数据持久化框架
    第一周学习所获--class类1(反射和类加载过程)
    各种命名规范
    用easyui,json,纯mvc实现一个系统的数据流动过程
    js+bootstrap实现分页页码
    Echarts简单案例
    bootstrap日期控件(双日期、清空等问题解决)
    三种方法实现调用Restful接口
    Spring MVC异常处理 和 重定向传递数据
  • 原文地址:https://www.cnblogs.com/Mirage/p/1277478.html
Copyright © 2020-2023  润新知