<?xml version="1.0"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
<mx:Script>
<![CDATA[
import mx.controls.Alert;
import mx.events.ValidationResultEvent;
private function Vemail():void{
if(emailV.validate().type==ValidationResultEvent.VALID){
Alert.show("邮箱验证通过","校验提示",Alert.YES|Alert.NO);
}else if(emailV.validate().type==ValidationResultEvent.INVALID){
Alert.show("邮箱错误");
}
}
]]>
</mx:Script>
<mx:Model id="contact">
<info>
<phone>{phone.text}</phone>
<name>{userName.text}</name>
<email>{email.text}</email>
</info>
</mx:Model>
<!--
使用JAVA的话我们在后台,比如servlet中就可以这样得到HttpService传递的值request.getParameter("phone");
request.getParameter("name");....当然这是一种比较原始的传值方式了,在数据量较小或参数较少时无所谓,如果参数很多,或数据量很大的情况下,我个人比较喜欢使用remotingObject方式来处理,将所有参数封闭成一个实体的属性,然后用对象的方式来处理 -->
<mx:HTTPService id="myService" resultFormat="e4x" url="http://localhost:8080/reg" useProxy="false">
</mx:HTTPService>
<mx:StringValidator id="userNameV" source="{userName}" minLength="6" maxLength="30" property="text"/>
<mx:PhoneNumberValidator id="phoneV" source="{phone}" property="text"/>
<mx:EmailValidator id="emailV" source="{email}" property="text"
invalidCharError="非法字符"
invalidDomainError="非法域"
invalidIPDomainError="非法IP域"
missingAtSignError="缺少@符号"
missingPeriodInDomainError="缺少域后缀"
missingUsernameError="缺少用户名"/>
<!-- 在默认情况下,是在控件失去焦点时,触发的机校验事件,我们自己也可以通过trigger指定触发,
还可以通过校验组件ID.validate()函数来触发 -->
<mx:Panel
title="My Application"
paddingTop="10"
paddingBottom="10"
paddingLeft="10"
paddingRight="10" >
<mx:VBox width="600">
<mx:TextInput id="userName"/>
<mx:HBox width="600">
<mx:TextInput id="phone"/>
<mx:Label text="{phone.errorString}"/>
</mx:HBox>
<mx:HBox width="600">
<mx:TextInput id="email"/>
<mx:LinkButton id="linkBtn" label="立即校验" click="Vemail();"/>
</mx:HBox>
<mx:Button id="sendBtn" label="sendInfo" click="myService.send(contact);"/>
<!--
其实在这里还有一种写法,就是不用显式地给linkButton加上事件和处理方法可以直接在校验组件里指定
<mx:PhoneNumberValidator id="phoneV" source="{phone}" property="text" trigger="{linkBtn}" triggerEvent="校验方法比如:emailV()"/>
-->
</mx:VBox>
</mx:Panel>
</mx:Application>
分享到:
相关推荐
简单的 flex HttpService例子,可供初学者参考
在这个“Flex+HTTPService 例子”中,我们将探讨如何使用Flex与Java后台通过HTTPService进行数据交互。 首先,我们需要了解Flex中的HTTPService组件。HTTPService允许开发者发送HTTP请求到服务器,并接收响应数据。...
本篇文章将深入探讨Flex的基本概念、数据绑定、HTTPService的使用以及创建自定义事件,这些都是Flex入门阶段需要掌握的关键知识点。 首先,让我们来了解一下Flex的数据绑定。在Flex中,数据绑定是一种强大的机制,...
它提供了强大的组件库、数据绑定和高级图形功能,使得开发者能够创建具有高度交互性和视觉吸引力的Web应用。在Flex4中,`HTTPService`是用于与服务器进行HTTP通信的重要类,特别适用于发送异步请求并接收XML数据。 ...
本篇文章将深入探讨如何利用Flex 4.0中的HttpService和WebService组件与Java Struts2框架构建的服务器进行通信。 首先,我们来看HttpService。HttpService是ActionScript 3.0中的一个类,用于发起HTTP请求,通常...
在Flex中,与服务器进行数据交互是应用的重要部分,而HTTPService是Flex提供的一种用于与HTTP服务器进行通信的组件。本篇文章将详细探讨Flex中的HTTPService,以及如何通过HTTPService来实现数据的发送和接收。 ...
这个压缩包文件包含的是"Flex从入门到实践"教程的源代码,共11章,提供了深入学习Flex开发的实战示例。通过这些源代码,我们可以对Flex编程有更直观的理解和实践经验。 第1章:Flex基础 这一章通常会介绍Flex的基本...
这个压缩包文件包含了《Flex从入门到实践》一书中的源代码,覆盖了10个章节的学习内容。通过深入学习这些章节的源代码,你可以更好地理解Flex的基本概念、组件使用、数据绑定、事件处理以及与服务器通信等关键技能。...
Flex与Java的交互是跨平台应用开发中的常见技术组合,允许前端用户界面(UI)与后端业务逻辑进行高效沟通。在本文中,我们将深入探讨如何使用Flex 4与Java进行通信,并通过三种不同的方法实现这一目标:RemoteObject...
在“纯flex网站前台(httpservice、webservice进行数据交互)”这个项目中,我们主要关注的是如何使用Flex来实现与服务器端的数据通信,这涉及到HTTPService和WebService两种技术。 1. **Flex框架**:Flex提供了一...
这将涉及到Flex中的HTTPService或WebService组件,以及数据处理和错误处理机制。 总结来说,这个“flex入门打包教程”旨在引导初学者快速进入Flex开发的世界,从环境搭建开始,逐步掌握Flex与Java的整合、基本编程...
在探讨“flex数据交互方式”这一主题时,我们首先需要理解Flex是什么以及它在数据交互中的角色。Flex是一种用于构建和部署丰富的互联网应用程序(RIA)的开源框架,由Adobe Systems开发并维护。它使用MXML(标记语言...
本篇文章将深入探讨如何在Java环境中配置和使用Flex的HttpService。 首先,Flex HttpService基于AMF(Action Message Format)协议,它提供了高效、二进制的数据交换格式,能够显著提高数据传输效率。然而,为了使...
【Flex + LCDS + Java 利用Eclipse Plugin开发Flex入门教程】 Flex是一种基于Adobe Flash技术的开源框架,用于构建富互联网应用程序(RIA)。它允许开发者创建交互式、响应式的用户界面,通常与后端数据服务配合...
综上所述,Flex4_httpService项目涵盖了Flex 4与Java Web服务交互的核心技术,包括客户端HTTPService的使用、服务端Java接口的实现以及项目配置和调试等环节。通过深入学习和实践,开发者可以熟练掌握Flex 4与后端...
Flex入门实例教程是一份非常适合初学者的资源,它旨在引导用户逐步掌握Adobe Flex技术。Flex是一种用于构建富互联网应用程序(RIA)的开放源代码框架,主要用于创建运行在浏览器中的交互式、高性能的用户界面。本...
本篇文章将详细探讨Flex与后台交互的三种主要方法:HTTPService、WebService和URLLoader。 1. HTTPService: HTTPService是Flex中用于处理HTTP请求的组件,基于标准的HTTP协议进行通信。通过HTTPService,开发者...
2. **组件库**:详细介绍Flex组件模型,包括基本组件如Button、TextInput,以及更复杂的容器和图表组件,如何在界面设计中灵活使用这些组件。 3. **数据绑定**:讲解Flex中的数据绑定机制,如何实现视图和模型的...
《Flex入门》及ActionScript 3.0 语言是针对Adobe Flex这一开发框架的基础学习资料,旨在帮助初学者快速掌握Flex应用开发的核心概念和技术。Flex是用于构建富互联网应用程序(RIA)的开源框架,它结合了强大的MXML...