flex validator 之提交值验证

提交值验证与实时验证对比

最新推荐文章于 2020-09-07 17:07:31 发布

原创最新推荐文章于 2020-09-07 17:07:31 发布 · 187 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#flex

Flex 专栏收录该内容

26 篇文章

订阅专栏

本文通过一个Flex应用实例，介绍了提交值验证与实时验证的区别。提交值验证是在输入框失去焦点时触发验证，而实时验证则是在输入框内容改变时即刻进行验证。

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

提交值验证，与实时验证稍微有一点不同，实时验证的验证触发时期是被验证空间值更改，而提交值验证的验证时期是当被验证空间失去焦点的时候也就是被验证空间执行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>