`

关于flex自定义校验

    博客分类:
  • flex
 
阅读更多

举例:密码与确认密码

1.验证代码:

package com.deng.myas
{
	import mx.validators.ValidationResult;
	import mx.validators.Validator;
	
	public class MyPasswordValidator extends Validator
	{
		private var results:Array;
		
		private var _pass:String;
		
		public function MyPasswordValidator()
		{
			super();
		}

		override protected function doValidation(value:Object):Array{
			var inputValue:String = String(value);
			results = [];
			results = super.doValidation(value);
			// Return if there are errors.
			if (results.length > 0){
				return results;
			}
			
			if(inputValue == ""){
				results.push(new ValidationResult(true,null,"repassnull","确认密码不能为空"))
				return results;
			}
			
			if(inputValue != pass){
				results.push(new ValidationResult(true,null,"repassnull","确认密码与密码不一致"))
				return results;
			}
			return results;
		}
		
		public function get pass():String
		{
			return _pass;
		}
		
		public function set pass(value:String):void
		{
			_pass = value;
		}
	}
}

 2.页面:

<?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" xmlns:myas="com.deng.myas.*">
	<s:layout>
		<s:BasicLayout/>
	</s:layout>
	<fx:Declarations>
		<!-- 将非可视元素(例如服务、值对象)放在此处 -->
		<myas:MyPasswordValidator source="{txtRePass}" property="text" pass="{this.txtPass.text}">
			
		</myas:MyPasswordValidator>
	</fx:Declarations>
	<s:Label x="93" y="104" text="密码:"/>
	<s:Label x="93" y="149" text="确认密码:"/>
	<s:TextInput x="169" y="104" id="txtPass"/>
	<s:TextInput x="169" y="143" id="txtRePass"/>
	
</s:Application>
 
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics