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
>
示例:
查看全文
相关阅读:
【typecho】解决使用分隔符 <!--more-->标签后首页文字下面出现一段空白
真没想到,疫情让我实现了远程办公的夙愿
程序员周末应该干的8件事
在Delphi中如何控制其它应用程序窗口
Delphi 如何操作外部程序的控件(如按钮,文本框,单选按钮等)
delphi 向其他程序发送模拟按键
Delphi中如何控制其他程序窗体上的窗口控件
用Delphi“遥控”按钮
双系统启动菜单的修改方法
PureBasic 读取文件中一行的两个数据例子
原文地址:https://www.cnblogs.com/mobile/p/600154.html
最新文章
java 菜单 中文 乱码问题解决方案(使用idea/eclipse) swing MenuItem乱码
windows 控制台cmd乱码(及永久修改编码)的解决办法
mvc 缓存 sqlCacheDependency 监听数据变化
IIS
fiddler无法与手机连接是什么原因
RabbitMQ文档翻译——Work queues
Web Server 与 App Server
JDBC插入数据超长时无法自动截断问题
JVM——Java HotSpot VM Options
RabbitMQ文档翻译——Hello World!(下)
热门文章
MySQL日志——二进制日志
【linux】在宝塔上 同ip 不同端口 设置一个端口对应一个网站
【HTML5】video 标签禁用自带的下载按钮
【HTML5】HTML5中video元素事件详解(实时监测当前播放时间)
【微信开发】cURL error 60: SSL certificate problem: unable to get local issuer certificate (see http://curl.haxx.se/libcurl/c/libcurl-errors.html)
【MySQL】随机获取数据的方法,支持大数据量
【html5】 解决 video标签 不自动全屏
【nginx】解决Nginx重启时提示nginx: [emerg] bind() to 0.0.0.0:80错误
【thinkphp5.1】 endroid/qrcode 二维码生成
【thinkphp5】安全建议:隐藏后台登录入口地址
Copyright © 2011-2022 走看看