Flex验证器 validate stringvalidate

1 validate

<?xml version="1.0" encoding="utf-8"?>

<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"

               xmlns:s="library://ns.adobe.com/flex/spark"

               xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600">

   <fx:Declarations>

     <mx:Validator source="{username}" property="text" required="true" />

   </fx:Declarations>

    <s:VGroup horizontalCenter="0" verticalCenter="0">

       <s:Label text="输入你的名字"/>

        <s:TextInput id="username"/>

    </s:VGroup>

</s:Application>

2StringValidate

<?xml version="1.0" encoding="utf-8"?>

<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"

               xmlns:s="library://ns.adobe.com/flex/spark"

               xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600">

    <fx:Declarations>

        <mx:StringValidator source="{username}"  property="text" minLength="3" maxLength="20"

                             trigger="{submitButton}" triggerEvent="click"

                             tooShortError="最少要有3个字符"

                             tooLongError="最多只能20个字符"

                            >

        </mx:StringValidator>

    </fx:Declarations>

    <s:VGroup horizontalCenter="0" verticalCenter="0">

       <s:Label text="输入你的名字"/>

        <s:TextInput id="username"/>

        <s:Button label="Submit" id="submitButton"/>

    </s:VGroup>

</s:Application>

3 NumberValidator

<?xml version="1.0" encoding="utf-8"?>

<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"

               xmlns:s="library://ns.adobe.com/flex/spark"

               xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="" minHeight="">

    <fx:Declarations>

          <mx:NumberValidator source="{age}" property="text" allowNegative="false"

                               negativeError="年龄不太对昂"

                               minValue="" maxValue="" domain="int"

                               trigger="{submitButton}" triggerEvent="click"

              />

    </fx:Declarations>

<s:VGroup horizontalCenter="" verticalCenter="">

    <s:Label text="输入你的年龄"/>

    <s:TextInput id="age" />

    <s:Button label="Submit" id="submitButton"/>

</s:VGroup>

</s:Application>

但是 negativeError="报错内容" 似乎不太起作用

4 DateVlidator

<?xml version="1.0" encoding="utf-8"?>

<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"

               xmlns:s="library://ns.adobe.com/flex/spark"

               xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600">

<fx:Declarations>

      <mx:DateValidator source="{birthday}" property="text" inputFormat="mm/dd/yyyy" allowedFormatChars="/"

                         trigger="{submitButton}"  triggerEvent="click"

          />

</fx:Declarations>

    <s:VGroup horizontalCenter="0" verticalCenter="0">

        <s:Label text="请输入日期"/>

        <s:TextInput id="birthday"/>

        <s:Button label="Submit" id="submitButton"/>

    </s:VGroup>

</s:Application>

5 dateValidator 具体到日月年

<?xml version="1.0" encoding="utf-8"?>

<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"

               xmlns:s="library://ns.adobe.com/flex/spark"

               xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600">

<fx:Declarations>

      <mx:DateValidator

           monthSource="{month}" monthProperty="value" daySource="{day}" dayProperty="value" yearSource="{year}" yearProperty="text"

                        property="text" inputFormat="mm/dd/yyyy" allowedFormatChars="/"

                         trigger="{submitButton}"  triggerEvent="click"

          />

</fx:Declarations>

    <s:VGroup horizontalCenter="0" verticalCenter="0">

        <s:Label text="请输入日期月"/>

        <s:NumericStepper id="month"/>

        <s:Label text="请输入日期日"/>

        <s:NumericStepper id="day"/>

        <s:Label text="请输入日期年"/>

        <s:TextInput id="year" width="60"/>

        <s:Button label="Submit" id="submitButton" />

    </s:VGroup>

</s:Application>

6 EmailValidator

<?xml version="1.0" encoding="utf-8"?>

<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"

               xmlns:s="library://ns.adobe.com/flex/spark"

               xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600">

<fx:Declarations>

     <mx:EmailValidator source="{email}" property="text"

                     invalidCharError="你输入的邮箱格式不正确"

                     trigger="{submitButton}" triggerEvent="click" />

</fx:Declarations>

 <s:VGroup horizontalCenter="0" verticalCenter="0">

     <s:Label text="Email:"/>

     <s:TextInput id="email"/>

     <s:Button label="提交" id="submitButton"/>

 </s:VGroup>

</s:Application>

7 CreditCardValidator

<?xml version="1.0" encoding="utf-8"?>

<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"

               xmlns:s="library://ns.adobe.com/flex/spark"

               xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600">

     <fx:Declarations>

          <mx:CreditCardValidator

              cardNumberSource="{cardNumber}"

              cardNumberProperty="text"

              cardTypeSource="{cardType}"

              cardTypeProperty="selectedItem"

              trigger="{submitButton}"

              triggerEvent="click" />

     </fx:Declarations>

    <s:VGroup horizontalCenter="0" verticalCenter="0">

        <s:DropDownList id="cardType" width="150">

            <s:ArrayCollection>

                <fx:String>American Express</fx:String>

                <fx:String>Visa</fx:String>

                <fx:String>Diners</fx:String>

                <fx:String>Discover</fx:String>

                <fx:String>MasterCard</fx:String>

            </s:ArrayCollection>

        </s:DropDownList>

        <s:Label text="Card Number"/>

        <s:TextInput id="cardNumber"/>

        <s:Button label="Submit"  id="submitButton"/>

    </s:VGroup>

</s:Application>

8 PhoneNumberValidator

8 RegExpValidator 正则表达式

ssn(Social Security Number)以美国社保账号为例

9用正则表达式 RegExpValidator　　查找与模式匹配的所有匹配项

<?xml version="1.0" encoding="utf-8"?>

<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"

               xmlns:s="library://ns.adobe.com/flex/spark"

               xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600">

    <fx:Declarations>

        <mx:RegExpValidator source="{ssn}" property="text"

                         flags="gmi"

                         expression="\d\{3\}.\d\{2\}.\d\{\4}"

                         noMatchError="你的社保账号输入的不正确"

                         trigger="{submitButton}"

                         triggerEvent="click"

                         >

        </mx:RegExpValidator>

    </fx:Declarations>

    <s:VGroup horizontalCenter="0" verticalCenter="0">

        <s:Label text="美国社保号"/>

        <s:TextInput id="ssn"/>

        <s:Button label="提交" id="submitButton"/>

    </s:VGroup>

</s:Application>

flags="gmi" 是忽略大小写

10查找与模式匹配的所有匹配项

<?xml version="1.0" encoding="utf-8"?>

<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"

               xmlns:s="library://ns.adobe.com/flex/spark"

               xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600">

   <fx:Script>

       <![CDATA[

            import mx.controls.Alert;

            import mx.events.ValidationResultEvent;

            import mx.validators.RegExpValidationResult;

            private function handleValidation(event:ValidationResultEvent):void

            {

              var oneResult:RegExpValidationResult;

              for(var i:int =0; i<event.results.length;i++)

              {

               oneResult = event.results[i];

               Alert.show("找到一个匹配zaiindex中:  "+ oneResult.matchedIndex +"\n在characters of"+oneResult.matchedString,"RegEx Results",Alert.NONMODAL);

              }

            }

       ]]>

   </fx:Script>

   <fx:Declarations>

       <mx:RegExpValidator source="{test}" property="text" flags="gmi"

                           valid="handleValidation(event)"

                           expression="m[ai]n" noMatchError="我不喜欢这个"

                           trigger="{submitButton}" triggerEvent="click"/>

   </fx:Declarations>

    <s:VGroup horizontalCenter="0" verticalCenter="0">

        <s:Label text="Try me:"/>

        <s:TextInput id="test"/>

        <s:Button label="Submit" id="submitButton" />

    </s:VGroup>

</s:Application>

11 实时验证

<?xml version="1.0" encoding="utf-8"?>

<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"

               xmlns:s="library://ns.adobe.com/flex/spark"

               xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600">

   <fx:Declarations>

       <mx:StringValidator source="{address}"

                           minLength="5" property="text"

                           trigger="{address}" triggerEvent="change"/>

   </fx:Declarations>

    <s:VGroup horizontalCenter="0" verticalCenter="0">

        <s:Label text="请输入你的地址"/>

        <s:TextInput id="address"/>

        <s:Button label="提交" id="submitButton" />

    </s:VGroup>

</s:Application>

12 提交值验证，提交值包括Tab键、回车键、方向键或鼠标单击其他组件

<?xml version="1.0" encoding="utf-8"?>

<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"

               xmlns:s="library://ns.adobe.com/flex/spark"

               xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600">

   <fx:Declarations>

       <mx:StringValidator source="{address}"

                           minLength="5" property="text"

                           trigger="{address}" triggerEvent="valueCommit"/>

   </fx:Declarations>

    <s:VGroup horizontalCenter="0" verticalCenter="0">

        <s:Label text="请输入你的地址"/>

        <s:TextInput id="address"/>

        <s:Button label="提交" id="submitButton" />

    </s:VGroup>

</s:Application>

13 通过性验证

<?xml version="1.0" encoding="utf-8"?>

<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"

               xmlns:s="library://ns.adobe.com/flex/spark"

               xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600">

   <fx:Declarations>

       <mx:StringValidator source="{username}"

                           minLength="6" property="text"

                           trigger="{submitButton}" triggerEvent="click"/>

       <mx:EmailValidator source="{email}" property="text"

                          invalidCharError="你输入的邮箱格式不正确"

                          trigger="{submitButton}" triggerEvent="click" />

   </fx:Declarations>

    <s:VGroup horizontalCenter="0" verticalCenter="0">

        <s:Label text="输入EMAIL"/>

        <s:TextInput id="email"/>

        <s:Label text="输入你的名字"/>

        <s:TextInput id="username"/>

        <s:Button label="Submit" id="submitButton"/>

    </s:VGroup>

</s:Application>

Flex验证器 validate stringvalidate的更多相关文章

thinkphp5 验证器 validate 和 layer
首先tp5的验证器使用特方便设置规则即可通用首先页面html(layer 配合) 毕竟是后端尽量用一些成熟的前台框架之前用boostrap $.ajax({ url:'/index/Regi ...
thinkphp5.0自定义验证器
虽然我早就会些php基础语法,我套过数据,自己写的控制器层,不是用的api方式,那个公司是为了锻炼我,所以才那样做的,基本上的东西都是用的框架自带的,重来自己没有去封装过这些东西,所以编程思想上,还很 ...
gin中如何自定义验证器
package main import ( "github.com/gin-gonic/gin" "github.com/gin-gonic/gin/binding&qu ...
Flex 内置验证器—验证用户输入
今晚对于Flex中的Validator类(所有验证器的父类)测试一下 ---->其中常用的验证类有StringValidator,NumberValidator,DateValidator 测试 ...
Thinkphp5中的Validate验证器的使用
更多笔记: http://note.youdao.com/noteshare?id=e97a5df64888f27d912b3e966b9ec297&sub=web1520841813815 ...
9、 Struts2验证(声明式验证、自定义验证器)
1. 什么是Struts2 验证器一个健壮的 web 应用程序必须确保用户输入是合法.有效的. Struts2 的输入验证基于 XWork Validation Framework 的声明式验证: ...
vue-validator（vue验证器）
官方文档:http://vuejs.github.io/vue-validator/zh-cn/index.html github项目地址:https://github.com/vuejs/vue-v ...
原生JS 表单提交验证器
转载:http://www.cnblogs.com/sicd/p/4613628.html 一.前言最近在开发一个新项目,需要做登陆等一系列的表单提交页面.在经过“缜密”的讨论后,我们决定不用外部 ...
yii框架中验证器声明一组内置验证器可以使用短名称引用
1.内置验证器的短名称分别有: boolean: yii\validators\BooleanValidator captcha: yii\captcha\CaptchaValidator compa ...

随机推荐

找不到 EntityType “ ” 的映射和元数据信息。
意思是: 数据库里边有添加的新字段DB1,而程序中的的实体即“元数据”中没有这个新字段Et1,由于EntityFramework更新模型时已自动默认对DB1和Et1进行了映射(默认认为实体中存在这个字 ...
ALGO-140_蓝桥杯_算法训练_P1101
有一份提货单,其数据项目有:商品名(MC).单价(DJ).数量(SL).定义一个结构体prut,其成员是上面的三项数据.在主函数中定义一个prut类型的结构体数组,输入每个元素的值,计算并输出提货单的 ...
STL基础--String
String 构造 string s1("Hello"); string s2("Hello", 3); //s2: Hel string s3(s1, 2); ...
【Guava 】Collections – Join and Split
Convert Collections to String Using Joiner Convert List into String Using Joiner @Test public void w ...
【转】hive中UDF、UDAF和UDTF使用
原博文出自于: http://blog.csdn.net/liuj2511981/article/details/8523084 感谢! Hive进行UDF开发十分简单,此处所说UDF为Tempora ...
flume-拦截器、channel选择器、sink组合sink处理器
1. Flume Interceptors Flume有能力修改/删除流程中的events.这是在拦截器(interceptor)的帮助下完成的.拦截器(Interceptors)是实现org.apa ...
[C#][Quartz]帮助类
本文来自:http://www.cnblogs.com/pengze0902/p/6128558.html /// <summary> /// 任务处理帮助类 /// </summa ...
文档碎片及xml讲解
1.将数据渲染到页面的几种方式 1.字符串拼接 2.dom循环 3.模板 4.文档碎片字符串拼接: 优势:只进行一次dom回流缺点:原有的dom事件会消失案例分析:原有list中有3个li,并且 ...
进程优先和ACL
linux上进程有5种状态: 1. 运行(正在运行或在运行队列中等待) 2. 中断(休眠中, 受阻, 在等待某个条件的形成或接受到信号) 3. 不可中断(收到信号不唤醒和不可运行, 进程必须等待直到有 ...
IGMP Internet组管理协议未完
一.IGMP Internet组管理协议 2.IGMP v2 3.IGMP三版本比较 4.1.1.4 IGMP v2 与 IGMP v1 的兼容 5.IGMP窃听(IGMP Snooping) IGM ...

Flex验证器 validate stringvalidate

Flex验证器 validate stringvalidate的更多相关文章

随机推荐

热门专题