FLEX入门篇——FLEX的校验组件及HTTPService交互方式

本文主要是介绍FLEX入门篇——FLEX的校验组件及HTTPService交互方式，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

<?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入门篇——FLEX的校验组件及HTTPService交互方式的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---