注:原创作品,分享以供交流学习,转载请注明出处。
提交值验证,与实时验证稍微有一点不同, 实时验证的验证触发时期是 被验证空间值更改,而提交值验证的验证时期是 当被验证空间失去焦点的时候 也就是被验证空间执行valueCommit事件的时候。下面是实例:
<?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="valueCommit"
/>
</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_表单验证"的相关知识点,帮助你理解和掌握表单验证的基本流程和处理方法。 一、表单验证简介 表单验证主要在用户填写并提交表单时进行,通过验证用户的输入,防止无效数据或...
通过实例化`FormValidator`,我们可以配置验证规则,比如最小值、最大值、正则表达式等,并将其关联到特定的表单字段。 文件`FormValidator.as`很可能包含了自定义的`FormValidator`扩展或实现,可能用于添加额外...
Flex 内置验证器是 Flex 框架中用于确保用户输入数据有效性的工具,它们提供了多种验证方式,包括实时验证、提交值验证、通过性验证和脚本式验证。这些验证器帮助开发者轻松地检查用户输入,确保数据格式正确且符合...
在Flex应用中,数据验证是确保用户输入正确性的重要一环,特别是在处理表单提交时。非空验证则是验证中最基本的规则,确保用户必须填写某些字段,避免因为空值导致的错误或异常。 本例子提供了在Flex中实现非空验证...
Flex允许在不同的时间点进行验证:实时验证(live validation)会在用户输入时立即执行,提交验证(commit validation)只在用户提交表单时执行。这可以通过设置Validator的validateOnCommit属性来控制。 6. **组...
这些验证组件是基于Adobe Flex框架的Validator功能,能够为表单字段提供实时或提交时的验证,提高用户体验并减少服务器端的压力。 Flex验证组件的核心在于`Validator`类,它允许开发者定义验证规则,并在用户输入...
1. **验证组件**:Flex提供了多种内置验证组件,如Validator,它可以检查用户的输入是否符合预设规则,例如邮箱格式、数字范围等。开发者可以通过自定义验证规则扩展这些组件。 2. **事件驱动**:Flex验证过程通常...
Flex中的数据验证主要是通过使用各种校验器(Validator)来完成的。校验器是用于特定格式数据验证的组件,以下是一些常用的校验器: 1. 验证信用卡号码:<mx:CreditCardValidator> 2. 验证货币: 3. 验证日期: 4. ...
数据验证在Flex中通常涉及到两个主要的类:Validator和Formatters。Validator类用于检查用户输入是否符合预设的验证规则,如非空、数字范围、邮箱格式等。这些验证规则可以通过创建Validator实例并设置其属性来实现...
Flex4提供了Validator类,开发者可以通过继承这个基类来创建自定义的验证规则。内置的验证器包括StringValidator(用于检查字符串长度或格式)、NumberValidator(检查数值范围)以及DateValidator(验证日期格式)...
这些控件通常与Form或FormElement关联,当用户提交数据时自动触发验证。如果验证失败,Flex会显示错误提示,帮助用户更正输入。 此外,郑岩峰的教程可能还涵盖了以下Flex3的关键知识点: 1. **组件库**:讲解了...
例如,可以使用`$.validator.addMethod()`定义自定义验证规则,检测手机号码格式是否正确,并通过`$(document).ready()`确保页面加载完成后执行验证功能。 4. 手机号码验证:在实际应用中,手机号码验证通常涉及...
通过`onSaved`和`validator`属性,可以定制验证逻辑。 6. **网络请求**: 为了向服务器发送登录请求,需要引入http库,使用`http.post`方法发送POST请求。同时,处理返回的响应,显示错误信息或进行登录成功后的...