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

flex validator 之通过性验证

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

  通过性验证是在按下提交按钮的时候开始验证全部的组件。

<?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="{username}"
							property="text"
							minLength="6"
							trigger="{SubmitButton}"
							triggerEvent="click"
							/>
		<mx:EmailValidator source="{email}"
						   property="text"
						   trigger="{SubmitButton}"
						   triggerEvent="click"
						   />
	</fx:Declarations>
	
	<s:VGroup horizontalCenter="0" verticalCenter="0">
		<s:Label text="email:"/>
		<s:TextInput id="email"/>
		<s:Label text="userName"/>
		<s:TextInput id="username"/>
		<s:Button label="Submit" id="SubmitButton"/>
	</s:VGroup>
</s:Application>

分享到:
评论

相关推荐

    Flex from_validator_表单验证

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

    flex 表单数据合法性验证

    在Flex中,我们通常使用MX组件库中的Form组件来创建表单,而表单验证则是通过Validator类进行的。 1. **表单组件和验证器**: Flex的MX组件库提供了一系列的表单组件,如TextInput、TextArea、ComboBox等,它们都...

    flex form 验证(转)

    在Flex开发中,表单验证是一项关键任务,它确保用户输入的...通过对`FormValidator.as`、`test2.mxml`和`Test.mxml`的深入研究,开发者可以掌握如何在Flex项目中有效地实施表单验证,提高应用的用户体验和数据质量。

    Flex实现非空验证小例子

    在Flex应用中,数据验证是确保用户输入正确性的重要一环,特别是在处理表单提交时。非空验证则是验证中最基本的规则,确保用户必须填写某些字段,避免因为空值导致的错误或异常。 本例子提供了在Flex中实现非空验证...

    flex 内置验证器

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

    flex自动验证组建(插件)

    总的来说,Flex自动验证组件是Flex开发中的重要组成部分,它通过提供强大的数据验证机制,确保了用户输入的数据质量,从而增强了应用程序的稳定性和安全性。开发者应当充分利用这些组件,以创建用户友好且功能完善的...

    构建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----组件---数据验证类

    这些验证规则可以通过创建Validator实例并设置其属性来实现。例如,我们可以创建一个EmailValidator来确保用户输入的是有效的电子邮件地址。 ```actionscript var emailValidator:EmailValidator = new ...

    Java+flex使用dom4j读写xml

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

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

    通过查看FlexGrocer的源代码,我们可以深入理解Flex4中格式化和验证的实践方法,学习如何在MXML和ActionScript之间进行交互,以及如何利用Flex的验证框架来增强用户体验和数据安全性。 在实际开发中,良好的格式化...

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

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

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

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

    flex3+component组件.pdf

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

    Flex入门教程[汇编].pdf

    通过学习本教程,读者可以掌握Flex开发的基本技能,包括: 1. Flex的安装和配置,包括安装Flex SDK、设置开发环境和配置IDE等。 2. MXML语言的基础知识,包括MXML的基本语法、控件、布局管理器和数据绑定机制等。 3...

    validate校验正则表达式验证

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

    flex-带checkbox的datagrid

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

    Flex UI组件使用全集

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

Global site tag (gtag.js) - Google Analytics