- 浏览: 2991976 次
- 性别:
- 来自: 河南
文章分类
- 全部博客 (340)
- Java综合 (26)
- 程序人生 (53)
- RIA-ExtJS专栏 (18)
- RIA-mxGraph专栏 (4)
- RIA-Flex4专栏 (43)
- 框架-Spring专栏 (16)
- 框架-持久化专栏 (22)
- 框架-Struts2专栏 (11)
- 框架-Struts专栏 (12)
- SQL/NOSQL (12)
- 报表/图表 (2)
- 工作流 (5)
- XML专栏 (4)
- 日常报错解决方案 (5)
- Web前端-综合 (12)
- Web/JSP (14)
- Web前端-ajax专栏 (14)
- Web前端-JQuery专栏 (9)
- IDE技巧 (6)
- FILE/IO (14)
- 远程服务调用 (2)
- SSO单点登录 (2)
- 资源分享 (22)
- 云计算 (1)
- 项目管理 (3)
- php专栏 (1)
- Python专栏 (2)
- Linux (1)
- 缓存系统 (1)
- 队列服务器 (1)
- 网络编程 (0)
- Node.js (1)
最新评论
-
hui1989106a:
我的也不能解压,360和好压都试了,都不行
《Spring in Action》完整中文版分享下载 -
temotemo:
这些example有些过时了,官方建议使用HBase-1.0 ...
Java操作Hbase进行建表、删表以及对数据进行增删改查,条件查询 -
zy8102:
非常感谢~
HeadFirst系列之七:《深入浅出SQL》原版高清PDF电子书分享下载 -
zy8102:
重命名了一下搞定了
HeadFirst系列之七:《深入浅出SQL》原版高清PDF电子书分享下载 -
zy8102:
为什么下载以后老解压不了呢?
HeadFirst系列之七:《深入浅出SQL》原版高清PDF电子书分享下载
关于Flex4的验证,有好几种,主要包括DateValidtor,EmailValidator,NumberValidator,StringValidator等等,具体每一项的验证可以参考那个AIR桌面程序
贴上主要验证代码
validatorForm.mxml
<?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>
每一项不符合要求时,点击验证按钮,在回到输入框中,后面都会出现相应的错误的提示,直到输入成功为止
发表评论
-
10条寒冷的冷笑话【心情不好的人,进来看看吧】
2010-08-27 12:24 25501、小明:我说话从来不说第2遍小华:什么?小明:我说话从来不说 ... -
Flex4之事件详解
2010-08-26 15:39 9768第一、Flex事件简介事 ... -
Flex4之DataGrid增删改同步数据库及页面数据示例总结
2010-08-20 10:35 10450有关Flex的DataGrid文章的确不少,都是零零碎碎的,目 ... -
全面认识Flex六大要素
2010-08-19 15:25 2118在学习Flex应用程序的 ... -
Flex4之将Sprite控件添加到FLEX UI中
2010-08-13 09:24 5960在Flex的帮助文档 ... -
Flex4之元数据标签使用
2010-08-09 16:04 4656Flex 元数据标签 1、[ArrayElementTy ... -
Flex4之关于Embed外部资源的使用方法总结
2010-08-09 14:20 8310Flex软件中经常需要使用一些外部的资源,如图片、声音、S ... -
Flex4之使用ActionScript构建组件
2010-08-09 13:37 4239因为是专门针对ActionScript来写的 ... -
Flex4之获取各种颜色RGB值的例子
2010-08-09 10:03 4399接下来的例子演示了Flex中如何将颜色的值转化为字符串,根据R ... -
Flex4之简单菜单制作
2010-08-04 11:45 3629首先呢说明一下,我写的这个菜单呢,为了符合我的项目需要没有用到 ... -
Flex4之关于循环注册事件问题
2010-08-03 15:02 2043首先呢,标题说的有些 ... -
关于FLEX特效的几个网址
2010-07-27 13:01 8164在Tourde FLEX的Data Visualization ... -
FLEX4之内存释放优化原则
2010-07-27 10:17 22841. 被删除对象在外部的所有引用一定要被删除干净才能被系统当成 ... -
Flex4之Filters的用法【模糊,炽热,阴影、齿条】
2010-07-23 14:51 5527先上效果图 具体代码 <?xml versio ... -
Flex4之四种事件处理方式
2010-07-23 14:36 2537首先我这个示例是针对按钮来说的,其实其他的组件大致也都一样 ... -
Flex4之皮肤定制【Skin类和Skin类】
2010-07-23 10:01 22276第一、关于spark.skin.SparkSkin类的 ... -
Flex4之为ToolTip设置旋转特效及字体
2010-07-22 16:21 5154没想到ToolTip一个提示标签也可以加上动画,看来Flex真 ... -
Flex4之在Aert提示框中加入超链接
2010-07-22 16:02 2262闲话不说,贴上代码 <?xml version=&qu ... -
Flex4之在button上显示HTML内容
2010-07-22 15:28 2743HTMLButton.as package myas { ... -
Flex4之添加插件实现代码格式化
2010-07-22 15:13 4355首先到http://sourceforge.net/proje ...
相关推荐
flex 表单数据合法性验证flex 表单数据合法性验证flex 表单数据合法性验证flex 表单数据合法性验证
里面的每一项我都试验过 直接复制到flex就能看到效果
提供: 表单的验证 基本流程 和处理方法 小小例子
概念验证项目,用于研究从动态(可能是外部化的)源生成Flex表单的潜力,以减少开发常见表单功能的开发时间。 我以前使用过'control'类,以允许非技术用户在外部XML文件中配置表单验证参数,但是表单和模型仍然需要...
JavaScript实现的可视化表单设计器源码。实现的可视化表单设计器。基于Vue的可视化表单设计器,让表单开发简单而高效。 特性如下: 可视化配置页面 提供栅格布局,并采用...支持表单验证 快速获取表单数据 国际化支持
通过栅格进行表单布局,可以嵌套使用,支持 Flex,基本可覆盖复杂的表单布局场景。 自定义 提供自定义区域和自定义样式扩展,可以简单方便的自定义自己的表单。 高级组件 提供功能强大的高级组件,可适用在各种...
flex3的cookbook书籍完整版dpf(包含目录),目录是我花了两个多小时自己整理的,希望对大家有帮助。 目录: 第一章.Flex与ActionScript基础(3) 1.1节.用FlexBuilder创建Flex项目 1.2节.用FlexBuilder创建Flex库项目 ...
形式生成器 ...支持表单验证 快速获取表单数据 支持 如果你发现了新的bug,或者有新的功能要求,请新建一个问题 浏览器支持 现代浏览器和Internet Explorer 10+。 IE浏览器/边缘 火狐浏览器 Chro
创造形式 ...支持表单验证 快速获取表格数据 国际化支持 第三方插件 浏览器支持 现代浏览器和Internet Explorer 10+。 IE浏览器/边缘 火狐浏览器 Chrome合金 苹果浏览器 IE10,IE11,Edge 最近
网页设计 期末大作业web课程设计【原神风格+博客静态页面】,html+css+js纯手写,div盒子布局,flex布局,瀑布流布局,绝对定位/相对定位,js登录表单验证,简洁的下拉菜单,侧边栏手风琴效果,动漫游戏博客小清新...
以完全声明的方式实现具有灵活样式和验证功能的任何Web表单 现场演示: : Stackblitz: ://stackblitz.com/edit/dashjoin 特征 支持JSON Schema Draft 6 可以从URL加载引用的架构 呈现紧凑形式 支持2路数据绑定 ...
,validate) 2014-08-28 (用于验证错误消息控制的css、required-if/required-unless验证、实时属性、更简单的名称) 2014-08-29 (更好的形式[ajax],杂项修复) 2014-08-29 (form[ajax] 目标属性 -> history.push...
html+css+js,多用flex布局,有轮播图、电梯、表单验证,适合学完js的人,可当练手,可当web期末作业,仅供参考
CraueFormFlowBundle提供了一种在Symfony项目中构建和处理多步骤表单的功能。 特征: 导航(下一个,后退,重新开始) 步骤标签 跳过步骤 每个步骤都有不同的验证组 处理文件上传 动态步进导航(可选) 提交后...
flex实现⽔平垂直居中的最简单⽅式 flex实现双⻜翼布局 flex实现圣杯布局 瀑布流布局 模板引擎pug基本语法210315 布局练习(响应式布局)210316 如何封装自己的样式库210319 JS常WF函数210320-210322 ●JS生成随机...
block可以使用内联元素可以设置宽高,参考简易表单验证网易云课堂原生JS项目实战,表单验证技术栈:原生JS总结: viewport视窗大小自适应设置,参考布局模式之flex弹性布局,参考和min-height使用的替代是父级元素...
在美国各地显示和编辑旅行记录的个人资料信息。 接受之前验证表单数据。使用HTML(网格,flex),JS(表单,输入,创建和删除元素,验证,键)和CSS(样式,布局,错误消息)。
javascript复制到剪切板滚动加载图片生成随机字符串文件上传和下载动态字体大小元素是否在视口中限制输入滑动解锁常见表单验证UI代理LI拖拽交换商品规格组合工具提示滑块粘性导航条挪动足球 轮播轮播表格排序编辑...