flex validator 之通过性验证

Flex应用中的验证机制

最新推荐文章于 2024-03-19 19:30:04 发布

原创最新推荐文章于 2024-03-19 19:30:04 发布 · 161 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#Flash

Flex 专栏收录该内容

26 篇文章

订阅专栏

本文介绍了一种在Flex应用程序中实现表单验证的方法。通过使用StringValidator和EmailValidator，可以在用户提交表单时验证用户名和电子邮件地址的有效性。具体而言，验证会在提交按钮被点击时触发，确保输入符合规定的最小长度要求及正确的电子邮件格式。

注：原创作品，分享以供交流学习，转载请注明出处。

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

<?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>