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 ...
随机推荐
- google使用的开源的工具类Thumbnailator图像处理
maven依赖 <dependency> <groupId>net.coobird</groupId> <artifactId>thum ...
- 使用R语言-操作data.frame
1 向一个data.frame指定列插入一列新数据 1.1 插入一列到指定位置 y<-1:4 data1 <-data.frame(x1=c(1,3,5,7), x2=c(2,4,6,8) ...
- 若是汉字的一半，就舍弃这个汉字输出，例如：“js3范ad啊asd”，截取4，则输出：“js3”
package com.jt.test.redis; import org.junit.Test; /* 题目要求 * 编码:GBK,一个英文字符占一个字节,一个汉字占2个字节 * 随机给定一个字符串 ...
- Linux系统安装（centos6.8）符破解码
1.安装 VMware VMware 是一个虚拟 PC 的软件,可以在现有的操作系统上虚拟出一个新的硬件环境,相当于模拟出一台新的 PC,我们可以在上面构造出一个或多个别的系统,以此来实现在一台机器上 ...
- sas 基础（1）-关于数据格式的SAS函数
(一)字符转换: 1)字符型转换成数值型 Numvar=INPUT(source,informat) 2)数值型转换成字符型 Chavar=PUT(source,format) (二)字符型变量的处理 ...
- ajax的跨域解决方案（java+ajax）
简单的建立一个后台项目 新建servlet: 内容如下: package a; import java.io.IOException; import java.io.PrintWriter; impo ...
- java使用jedis访问CentOS中的redis
pom.xml <dependency> <groupId>redis.clients</groupId> <artifactId>jedis</ ...
- Unity中进程间通信——使用Protobuf-net序列化与反序列化
基于ProtoBuf协议实现网络传输(上) Protobuf 全称Protocol Buffers 是一种轻便高效的结构化数据存储格式,可以用于结构化数据串行化,很适合做数据存储或 RPC 数据交换格 ...
- CentOS7.3编译hadoop2.7.3源码
在使用hive或者是kylin时,可以选择文件的压缩格式,但是这个需要有hadoop native库的支持,默认情况下,hadoop官方发布的二进制包中是不包含native库的,所以无法使用一些压缩相 ...
- 使用Dotfuscator混淆你的.net程序
简介 众所周知C#等net框架的程序是无法防止反编译的,但可以通过混淆,让反编译出来的代码非常难看. Dotfuscator是微软推荐使用的第三方混淆器,用来保护你的net程序.可以在安装VS的时候顺 ...