`
Supanccy2013
  • 浏览: 223683 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

flex validator 之实时验证

    博客分类:
  • Flex
阅读更多
注:原创作品,分享以供学习交流,转载请注明出处。

   要进行实时验证,需要监听被验证控件的的change事件

下面是实例:
<?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" minWidth="955" minHeight="600">
	<s:layout>
		<s:BasicLayout/>
	</s:layout>
	<fx:Declarations>
		<!-- 将非可视元素(例如服务、值对象)放在此处 -->
		<mx:StringValidator
			source="{address}"
			minLength="5"
			property="text"
			trigger="{address}"
			triggerEvent="change"
			/>
	</fx:Declarations>
	
	<s:VGroup horizontalCenter="0" verticalCenter="0">
		<s:Label text="userName:"/>
		<s:TextInput id="address"/>
		<s:Button label="Submit" id="submitButton"/>
	</s:VGroup>
</s:Application>

分享到:
评论

相关推荐

    Flex from_validator_表单验证

    本教程将详细讲解"Flex from_validator_表单验证"的相关知识点,帮助你理解和掌握表单验证的基本流程和处理方法。 一、表单验证简介 表单验证主要在用户填写并提交表单时进行,通过验证用户的输入,防止无效数据或...

    flex form 验证(转)

    在Flex开发中,表单验证是一项关键任务,它确保用户输入的数据符合预设的规则,保证数据质量和系统安全。本文将深入探讨“flex form 验证”这一主题,结合给出的文件名,我们来详细讲解Flex中表单验证的相关知识点。...

    Flex实现非空验证小例子

    在Flex中,我们可以使用Validator类来创建自定义验证器。首先,你需要创建一个继承自mx.validators.Validator的子类,覆盖validate()方法。在这个方法中,你可以添加你的验证逻辑,比如检查字段是否为空。如果字段为...

    flex 内置验证器

    Flex 内置验证器是 Flex 框架中用于确保用户输入数据有效性的工具,它们提供了多种验证方式,包括实时验证、提交值验证、通过性验证和脚本式验证。这些验证器帮助开发者轻松地检查用户输入,确保数据格式正确且符合...

    flex自动验证组建(插件)

    这些验证组件是基于Adobe Flex框架的Validator功能,能够为表单字段提供实时或提交时的验证,提高用户体验并减少服务器端的压力。 Flex验证组件的核心在于`Validator`类,它允许开发者定义验证规则,并在用户输入...

    flex 表单数据合法性验证

    Flex允许在不同的时间点进行验证:实时验证(live validation)会在用户输入时立即执行,提交验证(commit validation)只在用户提交表单时执行。这可以通过设置Validator的validateOnCommit属性来控制。 6. **组...

    构建Flex自动验证框架

    1. **验证组件**:Flex提供了多种内置验证组件,如Validator,它可以检查用户的输入是否符合预设规则,例如邮箱格式、数字范围等。开发者可以通过自定义验证规则扩展这些组件。 2. **事件驱动**:Flex验证过程通常...

    Flex数据显示与数据验证

    在Flex中,可以通过内置的验证器类来实现这一目标,这些验证器包括但不限于`CreditCardValidator`、`CurrencyValidator`、`DateValidator`和`EmailValidator`等。 #### 验证器的使用方式 验证器通常被定义在组件的...

    Flex基础培训-5-[数据验证

    Flex中的数据验证主要是通过使用各种校验器(Validator)来完成的。校验器是用于特定格式数据验证的组件,以下是一些常用的校验器: 1. 验证信用卡号码:&lt;mx:CreditCardValidator&gt; 2. 验证货币: 3. 验证日期: 4. ...

    flex----组件---数据验证类

    数据验证在Flex中通常涉及到两个主要的类:Validator和Formatters。Validator类用于检查用户输入是否符合预设的验证规则,如非空、数字范围、邮箱格式等。这些验证规则可以通过创建Validator实例并设置其属性来实现...

    Java+flex使用dom4j读写xml

    使用到了验证控件Validator;使用了CSS样式对Alert对话框进行了修饰;使用了样式对Accordion的Canvas上的lable字体做了修饰。 总结:对Flex和Java对象之间的转换还要进一步的研究,认识到Flex中样式的重要性。Flex的...

    郑岩峰,幻想Flex3,源代码6

    通过Validator类,开发者可以轻松地添加验证逻辑到表单组件上,提高用户体验并减少错误。 在Flex3中,你可以使用预定义的验证控件如NumberValidator、EmailValidator等,或者自定义验证规则。这些控件通常与Form或...

    (十五)Flex4_格式化与校验器

    Flex4提供了Validator类,开发者可以通过继承这个基类来创建自定义的验证规则。内置的验证器包括StringValidator(用于检查字符串长度或格式)、NumberValidator(检查数值范围)以及DateValidator(验证日期格式)...

    Flex入门教程[汇编].pdf

    5. 实现数据绑定和验证,包括使用BindingUtils类、Validator类和Form类等。 6. 使用Flex Builder开发工具,包括创建新项目、设计用户界面、编写代码和调试应用程序等。 此外,本教程还涵盖了一些高级话题,例如: ...

    Wrox.Professional.Adobe.Flex.2.May.2007

    #### 第15章 - Custom Formatter, Validator, and Effect Components(自定义格式器、验证器和效果组件) 除了UI组件外,Flex还支持创建自定义的格式器、验证器和效果组件,用于数据格式化、输入验证和动画效果。本...

    validate校验正则表达式验证

    在Flex中,我们可以使用`Validator`类结合正则表达式进行数据验证。例如: ```actionscript var emailValidator:Validator = new Validator(); emailValidator.source = emailInput; emailValidator.property = ...

    flex-带checkbox的datagrid

    Flex提供了验证框架,可以通过Validator类实现。同时,当出现错误时,应使用错误提示和错误对象来通知用户。 通过以上知识点的应用,你可以创建一个功能完善的、带有复选框的Flex Datagrid,提供给用户高效、直观的...

    flex3+component组件.pdf

    Validator用于验证输入数据的有效性,如CreditCardValidator(信用卡验证器)、CurrencyValidator(货币验证器)、EmailValidator(电子邮件验证器)等。Formatter则用于格式化数据,例如CurrencyFormatter(货币...

    Flex UI组件使用全集

    - **CreditCardValidator**: 验证信用卡号码的有效性。 - **CurrencyValidator**: 验证货币数值的有效性。 - **DataValidator**: 验证日期格式。 - **EmailValidator**: 验证电子邮件地址的有效性。 - **...

Global site tag (gtag.js) - Google Analytics