zoukankan
html css js c++ java
Flex2 数据的验证方法以及如何改变错误提示的CSS
Flex2开发项目中经常需要验证用户输入,Flex2自身为我们提供丰富的组件。
下面的例子我们实现了如下一些特性:
1)数据集中验证
2)定位光标到第一个验证失败的位置
3)错误提示中中文显示的CSS
<?
xml version="1.0"
?>
<
mx:Application
xmlns:mx
="http://www.adobe.com/2006/mxml"
xmlns:local
="*"
creationComplete
="initValidatorArray();"
width
="402"
height
="152"
>
<
mx:Script
>
<![CDATA[
import mx.events.ValidationResultEvent;
import mx.core.UIComponent;
import mx.controls.Alert;
import mx.validators.*;
private var myValidators:Array;
private function initValidatorArray():void {
myValidators=[zipV, pnV];
}
//按钮事件,检测通过执行操作
private function btnValidate_Click(event:Event):void{
var validatorResults:Array = mx.validators.Validator.validateAll(myValidators);
//长度为0表示所有验证通过
if(validatorResults.length == 0){
mx.controls.Alert.show("Validate OK!");
}else{
//将光标定位到第一个错误
var v:ValidationResultEvent = validatorResults[0] as ValidationResultEvent;
(v.target.source as UIComponent).setFocus();
}
}
]]>
</
mx:Script
>
<!--
如果你要在验证错误提示中显示中文,使用这个改变字体大小!
-->
<
mx:Style
>
.errorTip {fontFamily:"simsun"; fontSize:"12"}
</
mx:Style
>
<
mx:ZipCodeValidator
id
="zipV"
source
="{zipCodeInput}"
property
="text"
requiredFieldError
="邮编必须填写"
/>
<
mx:PhoneNumberValidator
id
="pnV"
source
="{phoneNumberInput}"
property
="text"
/>
<
mx:Form
x
="24"
y
="24"
>
<
mx:FormItem
label
="zip Code:"
required
="true"
>
<
mx:TextInput
id
="zipCodeInput"
/>
</
mx:FormItem
>
<
mx:FormItem
label
="phone Number:"
required
="true"
>
<
mx:TextInput
id
="phoneNumberInput"
/>
</
mx:FormItem
>
</
mx:Form
>
<
mx:Button
label
="Validate"
click
="btnValidate_Click(event)"
/>
</
mx:Application
>
示例:
查看全文
相关阅读:
帝国cms 同个IP可提交一次
帝国cms 图片相对路径绝对路径设置问题+帝国cms 手机端调用图片问题
帝国CMS 手机版制作+帝国PC跳转到手机+重新定向
帝国cms 相关问题
简洁 清晰弹出层讲解制作(图片点击放大)
webstorm 2016最新版破解+汉化
ajax点击不断加载数据列表
js中substr,substring,indexOf,lastIndexOf,split的用法
Parallax.js|强大的javascript视觉差特效引擎
一行代码解决各种IE兼容问题,IE6,IE7,IE8,IE9,IE10
原文地址:https://www.cnblogs.com/mobile/p/600154.html
最新文章
IIS部署Nodejs步骤
SQLServer 获取第几周开始日期
WebApi Post提交报错 调试无法进入对应action函数
记从安装centos系统在到使用mono3.2部署MVC过程遇到的问题
关于处理账户安全问题时的发现的几个验证码问题
【python】——sql模拟
【python】——三级菜单
【python】——购物车
【二次开发jumpserver】——整合jumpserver与zabbix推送主机功能
【持续集成】GIT+jenkins+snoar——jenkins发布php、maven项目
热门文章
【持续集成】GIT+jenkins+sonar——GIT
【MySql】——MHA+GTID+failover+binlog-server+Atlas
【运维工程师必知必会】——MySql基础
【openstack N版】——摘除一个计算节点
【openstack N版】——云主机调整大小冷迁移
微信小程序 app注册小程序+page注册页面代码二
微信小程序 app注册小程序+page注册页面代码一
手机H5模板样式
ajax 提交表单的方法2
ajax 提交表单方法1
Copyright © 2011-2022 走看看