来自JavaCrazyer的文章
http://javacrazyer.iteye.com/blog/699305
关于Flex4的验证,有好几种,主要包括DateValidtor,EmailValidator,NumberValidator,StringValidator等等,具体每一项的验证可以参考那个AIR桌面程序
贴上主要验证代码
validatorForm.mxml
Xml代码
<span style="font-size: medium;"><?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"
skinClass="components.TDFPanelSkin"
>
<fx:Script>
<![CDATA[
import components.TDFPanelSkin;
import mx.controls.Alert;
import mx.events.ValidationResultEvent;
import mx.validators.Validator;
//单独验证某一项
function validateAge():void{
var vd:ValidationResultEvent=numVD.validate();
}
//执行所有验证的验证
function vaidateForm():void{
var all:Array=Validator.validateAll([numVD,dateVD,emailVD]);
if(all.length==0){
Alert.show("验证成功");
//这里可以发送请求进行表单提交任务
}
}
//NumberValidator中要么使用triggerEvent='click'不用调用任何方法,要么就triggerEven="",在textInput中调用validate方法
]]>
</fx:Script>
<s:layout>
<s:HorizontalLayout verticalAlign="middle" horizontalAlign="center" />
</s:layout>
<fx:Declarations>
<mx:NumberValidator id="numVD" source="{age}" property="text" integerError="Enter Integer value"
minValue="18" maxValue="50" domain="int"
trigger="{myButton}" triggerEvent=""
valid="Alert.show('numValidation Succeeded!');"
/>
<mx:DateValidator id="dateVD" source="{mydate}" property="text" allowedFormatChars="/"
trigger="{myButton}" triggerEvent="click"
valid="Alert.show('Validation Succeeded!');"/>
<mx:EmailValidator id="emailVD" source="{email}" triggerEvent="" property="text"/>
</fx:Declarations>
<s:Panel title="NumberValidator Example" width="600" height="100%"
color="0x000000"
borderAlpha="0.15" >
<s:layout>
<s:HorizontalLayout horizontalAlign="center"
paddingLeft="10" paddingRight="10"
paddingTop="10" paddingBottom="10"/>
</s:layout>
<mx:Form color="0x323232">
<mx:FormItem label="age">
<s:TextInput id="age" height="40" width="100%" fontSize="18"/>
</mx:FormItem>
<mx:FormItem label="date【mm/dd/yyyy】">
<s:TextInput id="mydate" height="40" width="100%" fontSize="18"/>
</mx:FormItem>
<mx:FormItem label="email">
<s:TextInput id="email" height="40" width="100%" fontSize="18"/>
</mx:FormItem>
<mx:FormItem >
<s:Button id="myButton" label="Validate" click="vaidateForm()" />
</mx:FormItem>
</mx:Form>
</s:Panel>
</s:Application>
</span>
每一项不符合要求时,点击验证按钮,在回到输入框中,后面都会出现相应的错误的提示,直到输入成功为止
分享到:
相关推荐
主要为大家详细介绍了Vue表单验证插件Vue Validator使用方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
[链接测试工具]HTML Link Validator使用手册
bootstrap validator 使用简介 bootstrap validator 使用简介
该demo是struts验证器validator使用,以及struts基本配置,自定义创建struts的验证器,使用maven创建管理工程,使用eclipse编译器
hibernate Validator 对hibernate内置约束条件 以及自定义约束条件的创建 都有很详细的说明 适合新手的学习 以及高手的巩固
基于bootstrap的前端校验插件,使用此插件能有效的校验表单,不用自己写了。
在控制器中用到了Validator::make(),它默认是use Dotenv\Validator;...以上这篇laravel 解决Validator使用中出现的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持软件开发网。
springmvc +fastjson +validator 示例整合
golang常用库:字段参数验证库-validator使用 一、背景 在平常开发中,特别是在web应用开发中,为了验证输入字段的合法性,都会做一些验证操作。比如对用户提交的表单字段进行验证,或者对请求的API接口字段进行验证...
主要介绍了BootStrap与validator 使用笔记(JAVA SpringMVC实现)的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下
Javascript表单验证控件(Validator v1.05).rar
本文实例为大家分享了BootstrapValidator使用方法,供大家参考,具体内容如下 github:https://github.com/nghuuphuoc/bootstrapvalidator 参考博客:JS组件系列——Form表单验证神器: BootstrapValidator 参考博客...
使用提示 中文化: 下载插件后,将\js\bootstrapValidator\language\zh_CN.js 引入文件,即实现中文化 提交前验证表单: 更丰富一点的表单验证例子:http://www.jq22.com/yanshi522,直接上代码: <!DOCTYPE...
主要介绍了Hibernate validator使用以及自定义校验器注解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
validator插件:将jquery实现的常用操作进行封装,我们只需要学会插件的使用语法,就可以使用简单的代码实现较为复杂的功能。 validator的基本使用 1. 需要引入的文件 ① jQuery类库 ② 插件的js文件 官网 2.表单...
Laravel开发-cli-phone-number-validator 使用Google的libphoneNumber验证cli电话号码。