19.3.2 如何使用数据验证组件
使用数据验证组件的语法如下所示。
指明source属性和property属性表示验证组件针对某一数据组件的特定属性进行验证。例如,邮箱验证组件对某输入框的text属性进行验证。
以下代码使用组件对一个输入框中的文本进行电话号码验证。
由于验证组件都不为可视化组件,所以不能放置于可视化组件内。本程序中组件不能放置于组件中。
19.3.3 验证触发方式
验证触发方式是指用户采用何种动作触发验证。常用的触发方式有默认触发和任意动作触发。默认触发是指当焦点离开输入源时触发验证。任意动作触发是指用户可指定某一动作触发验证。前者是开发过程中最常使用到的一种方式,后者比较灵活,也比较容易理解。
1.默认触发验证
当用户把焦点离开输入源时触发默认触发验证。其语法如下所示。
默认触发方式需确定验证组件的source属性和property属性,其他属性默认。
以下代码采用默认触发验证方式。当焦点离开第一个输入框时触发验证。
width="400" height="300" horizontalAlign= "center" verticalAlign="middle" x="261" y="77">
验证组件的结果直接反映在数据组件上。本程序中若输入框组件phoneInput验证错误,结果为输入框边框颜色变红色。验证错误的提示存储于数据组件的errorString属性中。
本程序的运行效果如图19-6所示。
图19-6 默认触发验证效果
2.任意动作触发验证
用户可根据需要触发验证。例如,当按下"验证"按钮时触发验证。
任意动作触发验证有两种写法。一种是在验证组件中指明触发器和触发动作。另一种是执行事件处理函数。
在验证组件中指明触发器和触发动作的语法如下所示。
trigger属性指明触发验证的组件,也称为触发器。triggerEvent属性表示触发验证组件的方法。
以下代码当用户单击"验证"按钮时触发邮编验证。
width="352" height="202" horizontalAlign ="center" verticalAlign="middle">
本程序的运行效果如图19-7所示。
图19-7 click动作触发验证
任意动作的触发也可采用代码触发验证方式。代码触发验证的方式符合Flex 3.0的事件机制,更容易理解。其语法如下所示。
验证组件都包含一个validate方法,用以代码执行验证。
上述程序使用代码方式触发验证的代码如下所示。
width="352"height="202"horizontalAlign ="center" verticalAlign="middle">
19.3.4 验证失败处理
验证失败时需要做错误的提示及处理。验证组件中提供了丰富的错误类型,只是这些错误类型的提示是英文的,用户可能需要改变提示。修改错误提示的方法是修改组件中相应的错误类型属性。例如,PhoneNumberValidator组件中的wrongLengthError属性表示长度错误提示。
用户可根据需要修改相应的出错信息。其语法如下所示。
以下代码自定义EmailValidator组件中的错误提示。
width="352" height="202" horizontalAlign="center" verticalAlign="middle">
判断验证是否正确的语法如下所示。
If(验证组件id.validate().type==ValidationResultEvent.VALID)
ValidationResultEvent类包含于"mx.events.*"中,是验证结果事件类。其中,INVALID值表示验证失败,VALID值表示验证成功。
本程序的运行效果如图19-8所示。
发表评论
-
常见的字符串和数的转换(C)
2012-07-06 09:51 7341. 字符串转换为数字:头文件 #include at ... -
数据验证--正则表达式验证RegularExpressionValidator
2012-07-06 09:45 645RegularExpressionValidator控件用 ... -
Oracle 正则表达式
2012-07-06 09:37 674Oracle正则表达式 周末学习正则表达式,将搜集的资 ... -
DevExpress皮肤引用的办法
2012-07-06 09:30 947procedure TFrmMain.SetSkin(sk ... -
JS操作iframe里的dom,js iframe
2012-07-05 20:45 647直接赋值如下代码测试即可明白: 1.html: ... -
RSS Reader实例开发之使用Service组件
2012-07-03 13:43 665到目前为止,我们已经实现了RSS Reader的基本功能, ... -
Flex事件机制二
2012-07-02 10:36 665三: dispatcherEvent EventDispa ... -
as与js相互通信(flex中调用js函数)
2012-07-02 10:36 658Flex中As调用Js的方法是: 1、导入包 (i ... -
flex 实现的多点切割+mask蒙版+自动识别非透明区域+自适应图片大小
2012-07-02 10:36 707先上代码: width="650" ... -
flex使用翻译串流程
2012-07-01 00:13 658== 翻译串流程 == 如果在本地进行翻译串编译, ... -
[ActionScript3.0][My flex]读书笔记三之 模块化编程
2012-07-01 00:13 5831.加载mxml模块 第一步: 新建mxml模块:Data ... -
flex与C# Socket通信
2012-07-01 00:13 584Socket 通信没什么好说,一个服务端,多个客户端,很容 ... -
Flex组件自动获取输入焦点
2012-07-01 00:12 617浏览器加载swf后,Flex组件自动获取输入焦点。 1.在 ... -
Flex中使用HttpService和WebService方式通信
2012-07-01 00:12 834HttpService、WebService、Remote ...
相关推荐
Flex的数据验证的描述资料,不可多得的资料 有关于日期、货币、字符串的验证
Flex 验证器的好处是你可以在客户端就进行一些基本的数据验证,而不用来回的往服务器端发送不合理的数据。 Flex 提供了一些基本的验证器供用户使用。你可以扩展它们来实现更复杂的验证,甚至重新创建自定义规则的...
flex 表单数据合法性验证flex 表单数据合法性验证flex 表单数据合法性验证flex 表单数据合法性验证
flexFlex基础培训-5-[数据验证 有示例有解析可快速学习
NULL 博文链接:https://kingnights.iteye.com/blog/1026853
flex与msql数据库登录验证 ,并实现数据的增删该查,与数据库进行交互,附带有验证码的登录交互!初学flex还请大家多多支持,
本博客提供的所有教程的资源原稿均来自于互联网,仅供学习交流之用,切勿进行商业传播。...15. 使用格式化器和验证器 16. 使用样式定制Flex应用 17. 使用皮肤定制Flex应用 18. 自定义ActionScript组件
4.完善用户资料(数据简单验证,错误提示信息) 5.修改用户密码 使用方法 1.首先导入数据库文件 sql.db 2.修改数据库配置文件 conf/ds.config.xml 然后就跑起来吧~ 有问题的话也可以联系小弟~~~ 希望大家...
3.Flex方面,使用DataGrid呈现数据;使用RemoteObject构建和Java的通信;使用到了验证控件Validator;使用了CSS样式对Alert对话框进行了修饰;使用了样式对Accordion的Canvas上的lable字体做了修饰。 总结:对Flex...
NULL 博文链接:https://z466459262.iteye.com/blog/901207
不过,针对 Java EE 开发的服务器端应用,可以通过集成 BlazeDS,充分利用 AMF 协议并能轻易与 Flex 前端交换数据,这种方式是 Java EE 应用程序集成 Flex 的首选。 BlazeDS 是 Adobe LifeCycle Data Services 的...
不过,针对 Java EE 开发的服务器端应用,可以通过集成 BlazeDS,充分利用 AMF 协议并能轻易与 Flex 前端交换数据,这种方式是 Java EE 应用程序集成 Flex 的首选。 BlazeDS 是 Adobe LifeCycle Data Services 的...
为List的项编辑器添加格式化和验证数据 5.10节.跟踪TileList中所有被选中的子节点 5.11节.使用和显示项渲染器的NULL项 5.12节.为List创建右键菜单 5.13节.自定义List被选中项的外观 第六章. DataGrid和高级DataGrid...
开发人员,包括作者,往往在工作中学习Flex,通过验证、试验、研究或按照他人写的博客 提到的观点来寻找新的技巧和技术。 Adobe 已经做了非常了不起的工作是Flex 框架的文档,它已被细分为两大类:用户指南和 API...
提供此服务器生成的呼叫状态的更新twilio检索twiml文档来描述如何在接听电话时处理呼叫支持它公开了带有身份验证的安全网络套接字,可用于: 接收统计信息更改的更新当前队列统计信息每5秒更新一次今天的总体统计...
flex_columns, RDBMS内架构自由的结构化JSON存储 flex_columnsRDBMS内的架构自由。结构化存储。...BLOB 或者 BINARY 列来存储结构化数据,然后对该数据进行验证。 在a 中,flex_columns 为你提供了
1.项目代码均经过功能验证ok,确保稳定可靠运行。欢迎下载体验!下载完使用问题请私信沟通。 2.主要针对各个计算机相关专业,包括计算机科学、信息安全、数据科学与大数据技术、人工智能、通信、物联网等领域的在校...
添加图书,删除图书的基本功能,通过本次项目设计加深了对Flex程序设计中组件、事件处理、控制导航、使用远程XML数据、使用数据绑定和集合的理解,同时能够熟练掌握组件、呈现器、格式化器验证器、皮肤及样式等知识...
1.项目代码均经过功能验证ok,确保稳定可靠运行。欢迎下载体验!下载完使用问题请私信沟通。 2.主要针对各个计算机相关专业,包括计算机科学、信息安全、数据科学与大数据技术、人工智能、通信、物联网等领域的在校...
1.资料名称:2022-2000年上市公司企业信贷可得性数据 2.测算方式:参考 顶刊《中国工业经济》黄少卿(2022)老师的研究,本文的理论分析表明,杠杆率提升 加剧了企业的道德风险问题,从而使其面临更为严格的融资约束...