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

flex之日期验证

    博客分类:
  • 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:DateValidator source="{birthday}" 
						  property="text"
                          inputFormat="mm/dd/yyyy"
				          allowedFormatChars="/"
                           trigger="{submitButton}"
				 triggerEvent="click"/>
	</fx:Declarations>
	<s:VGroup horizontalCenter="0" verticalCenter="0">
		<s:Label text="Enter your birth date:"/>
		<s:TextInput id="birthday"/>
		<s:Button label="Submit" id="submitButton"/>
	</s:VGroup>
</s:Application>


第二种验证方法:
<?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:DateValidator
			monthSource="{month}" monthProperty="value"
			daySource="{day}"     dayProperty="value"
			yearSource="{year}"   yearProperty="text"
			trigger="{submitButton}" triggerEvent="click"
			/>
	</fx:Declarations>
	
	<s:HGroup horizontalCenter="0" verticalCenter="0">
		<s:Label text="Month"/>
		<s:NumericStepper id="month"/>
		<s:Label text="Day:"/>
		<s:NumericStepper id="day"/>
		<s:Label text="year"/>
		<s:TextInput id="year" width="60"/>
		<s:Button label="Submit" id="submitButton"/>
	</s:HGroup>
</s:Application>
分享到:
评论

相关推荐

    flex组件之验证组件实例源码

    3. **DateValidators**: 用于日期和时间输入的验证,如DateValidator(验证日期格式和范围)。 4. **CustomValidators**: 开发者可以自定义验证逻辑,创建自己的验证组件,满足特定需求。 在提供的...

    flex验证框架

    在Flex中,我们经常需要对用户的输入进行验证,例如文本框中的字符长度、数字范围、日期格式等,以及下拉选择框中选择的正确性。 该验证框架的核心功能包括: 1. **文本框验证**:针对输入文本的验证,可以设置...

    flex自动验证组建(插件)

    验证规则可以包括但不限于检查数据类型(如数字、日期等)、数据范围(最小值和最大值)、字符串长度以及正则表达式匹配等。`Validator`类提供了丰富的内置验证规则,同时支持自定义验证函数,以满足各种复杂的验证...

    flex日期控件可选时分秒

    Flex日期控件的可选时分秒功能大大增强了用户在时间输入上的便捷性,DateTimeField组件为此提供了强大的支持。通过灵活的配置和丰富的交互设计,开发者可以创建出符合各种需求的日期时间输入界面,提升应用的专业性...

    Flex带时间的日期控件

    总结来说,Flex带时间的日期控件的实现涉及了Flex组件的自定义、事件处理、样式设计、国际化支持、可用性和数据验证等多个方面。通过熟练掌握这些知识点,开发者能够创建出符合项目需求、用户体验优秀的日期和时间...

    Flex实现自定义中文日期选择(mx:DateField)

    - 对于用户输入的日期,我们需要验证其是否符合中文日期格式,并在必要时进行转换。 除了自定义DateField,我们还可以考虑使用ActionScript的Date类和其他相关类,如DateTimeFormat,来处理日期的计算和显示。 ...

    Flex数据显示与数据验证

    主要聚焦于Flex框架下对日期、货币以及字符串等数据类型的验证与显示方法,并通过示例代码进行具体阐述。 ### Flex中的数据验证 Flex提供了丰富的功能来实现数据验证,这对于确保用户输入的有效性和准确性至关重要...

    Flex 日期组件

    在Flex开发中,日期组件是不可或缺的一部分,它们用于用户界面中显示和选择日期与时间。在本主题中,我们将深入探讨“Flex 日期组件”,特别是关于年月日、年月日时以及年月日时分的`DateField`封装。`DateField`是...

    Flex 日期带时分秒自定义控件

    "带时分秒选择"这部分说明了这个自定义控件不仅支持选择日期,还支持选择具体的时间,包括小时、分钟和秒,这在标准的Flex日期选择器中可能并不常见。这样的功能对于需要精确时间管理的应用来说非常实用。 在Flex中...

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

    3. 验证日期: 4. 验证Email: 5. 验证数字: 6. 验证电话号码: 7. 验证正则表达式: 8. 验证加密数字: 9. 验证字符串: 10. 验证邮政编码: 五、校验器的使用技巧 在Flex中使用校验器进行数据验证,需要注意以下...

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

    本篇文章将深入探讨Flex中的组件以及数据验证类,帮助你更好地理解和应用这些概念。 首先,Flex组件是构建用户界面的基本单元,它们可以是按钮、文本框、列表等可视化元素。在Flex中,组件主要由MXML和ActionScript...

    flex中时分秒计算

    这种灵活度使得Flex成为开发复杂RIA应用程序的理想选择之一。 #### 六、注意事项 1. **国际化支持**:在设置日期和时间格式时要注意不同地区的格式差异,确保程序具有良好的国际化支持。 2. **用户体验**:合理...

    FLEX时间带时分秒可直接使用

    本主题聚焦于一个名为"FLEX时间带时分秒可直接使用"的功能,该功能解决了在某些场景下,用户选择新的时分秒后日期会自动跳转至当天的问题。下面我们将深入探讨这一功能的具体实现、应用场景以及相关技术。 首先,...

    flex 上传excel 导入数据库

    7. **安全性和性能优化**:为了保护用户数据和系统安全,应限制文件大小,验证文件类型,以及对上传的数据进行安全检查。性能优化可能涉及分批导入数据、异步处理、缓存策略等。 8. **源码和工具**:标签中的“源码...

    flex组件介绍

    `Form`组件支持多种数据绑定技术,使得数据收集和验证过程变得更加简单和高效。 #### Flex内建的UI控件 Flex框架内建了大量的UI控件,这些控件覆盖了从基本的文本框、按钮到复杂的列表和网格的各种需求。这些控件...

    flexdate.zip

    6. **日期范围检查**:可以检查一个日期是否在指定的日期范围内,这对于设置有效期或者验证输入日期很有帮助。 7. **国际化支持**:考虑到全球化的应用需求,Flexdate可能支持多语言环境下的日期格式和显示规则。 ...

    Flex时间选择控件 精确到时分秒

    Flex时间选择控件的基础是MX组件库中的`MX:DateField`或Spark组件库中的`s:DateSpinner`,它们提供了一种交互式的用户界面来选择日期和时间。在这里,我们特别关注的是时间部分,即精确到时分秒的选择。 `MX:...

    flex测试总结

    1. **单元测试**:这是测试的基础,对代码的最小可测试单元进行验证,例如ActionScript类或函数。我们可以使用ASUnit、FlexUnit或Spock这样的测试框架来编写和执行单元测试。 2. **集成测试**:当多个组件协同工作...

    myamfphp 实现php与flex交互

    AMF能将复杂的数据结构(如对象、数组、日期等)转换为字节流,减少了网络传输的数据量,提高了性能。 2. **服务端集成**:myAMFPHP可以轻松地与PHP项目集成,只需将服务类注册到myAMFPHP服务容器中,Flex客户端就...

    Flex考试题.docx

    - `&lt;mx:DateValidator&gt;`用于验证日期格式。 ### Flex组件 1. **单选按钮:** - 使用`&lt;mx:RadioButton&gt;`来创建单选按钮,而不是label、group等标签。 2. **TextInput组件的属性:** - text:获取或设置文本框中...

Global site tag (gtag.js) - Google Analytics