码迷,mamicode.com
首页 > 编程语言 > 详细

javaScript简单表单验证插件

时间:2014-07-21 10:39:26      阅读:322      评论:0      收藏:0      [点我收藏+]

标签:des   style   http   java   color   os   

 Validator = {
	Require : /.+/,
	Email : /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/,
    Phone : /^(0[1-9][0-9]{1,2}-[1-9][0-9]{6,7})$/,
	Mobile : /^((\(\d{3}\))|(\d{3}\-))?1[3,5,8]\d{9}$/,
	Url : /^http:\/\/[A-Za-z0-9]+\.[A-Za-z0-9]+[\/=\?%\-&_~`@[\]\‘:+!]*([^<>\"\"])*$/,
	IdCard : /^\d{15}(\d{2}[A-Za-z0-9])?$/,
	Currency : /^\d+(\.\d+)?$/,
	Number : /^\d+$/,
	Zip : /^[1-9]\d{5}$/,
	QQ : /^[1-9]\d{4,8}$/,
	Integer : /^[-\+]?\d+$/,
	Double : /^[-\+]?\d+(\.\d+)?$/,
	English : /^[A-Za-z]+$/,
	Chinese :  /^[\u0391-\uFFE5]+$/,
	UnSafe : /^(([A-Z]*|[a-z]*|\d*|[-_\~!@#\$%\^&\*\.\(\)\[\]\{\}<>\?\\\/\‘\"]*)|.{0,5})$|\s/,
	IsSafe : function(str){return !this.UnSafe.test(str);},
	SafeString : "this.IsSafe(value)",
	Limit : "this.limit(value.length,getAttribute(‘min‘),  getAttribute(‘max‘))",
	LimitInt : "this.limitInt(value,getAttribute(‘min‘),  getAttribute(‘max‘))",
	LimitB : "this.limit(this.LenB(value), getAttribute(‘min‘), getAttribute(‘max‘))",
	Date : "this.IsDate(value, getAttribute(‘min‘), getAttribute(‘format‘))",
	Repeat : "value == document.getElementById(getAttribute(‘to‘)).value",
	Range : "getAttribute(‘min‘)*100 < value*100 && value*100 < getAttribute(‘max‘)*100",
	Compare : "this.compare(value,getAttribute(‘operator‘),getAttribute(‘to‘))",
	Custom : "this.Exec(value, getAttribute(‘regexp‘))",
	Group : "this.MustChecked(getAttribute(‘name‘), getAttribute(‘min‘), getAttribute(‘max‘))",
	ErrorItem : [document.forms[0]],
	ErrorMessage : [""],
	Validate : function(theForm, mode){
		var obj = theForm || event.srcElement;
		var count = obj.elements.length;
		this.ErrorMessage.length = 1;
		this.ErrorItem.length = 1;
		this.ErrorItem[0] = obj;
		
		for(var i=0;i<count;i++){
			with(obj.elements[i]){
				var _dataType = getAttribute("dataType");
				
				//去掉首尾空格
				try{
				if(obj.elements[i].nodeName=="INPUT"){
					var _inputType = obj.elements[i].getAttribute("type");
					if(_inputType=="text"){
						obj.elements[i].value = obj.elements[i].value.trim();						
					}
				}
				}catch(e){}
				
				if(typeof(_dataType) == "object" || typeof(this[_dataType]) == "undefined")  continue;
				this.ClearState(obj.elements[i]);
				if(getAttribute("require") == "false" && value == "") continue;
				switch(_dataType){
					case "Date" :
					case "Repeat" :
					case "Range" :
					case "Compare" :
					case "Custom" :
					case "Group" : 
					case "Limit" :
					case "LimitInt" :
					case "LimitB" :
					case "SafeString" :
						if(!eval(this[_dataType]))	{
							this.AddError(i, getAttribute("msg"));
						}
						break;
					default :
						if(!this[_dataType].test(value)){
							this.AddError(i, getAttribute("msg"));
						}
						break;
				}
			}
		}
		if(this.ErrorMessage.length > 1){
			mode = mode || 1;
			var errCount = this.ErrorItem.length;
			switch(mode){
			case 2 :
				for(var i=1;i<errCount;i++)
					this.ErrorItem[i].style.color = "red";
			case 1 :
				alert(this.ErrorMessage.join("\n"));
				try{
				this.ErrorItem[1].focus();
				}catch(e){}
				break;
				
			case 4 :
				for(var i=1;i<errCount;i++){
				try{
					var span = document.createElement("SPAN");
					span.id = "__ErrorMessagePanel";
					span.style.color = "red";
					this.ErrorItem[i].parentNode.appendChild(span);
					span.innerHTML = this.ErrorMessage[i].replace(/\d+:/,"*");
					}
					catch(e){alert(e.description);}
				}
				try{
				this.ErrorItem[1].focus();
				}catch(e){}
				break;
					
			case 3 :
			
				
			
			
			
				for(var i=1;i<errCount;i++){
				try{
					var span = document.createElement("DIV");
					span.id = "__ErrorMessagePanel";
					span.style.position="absolute";
					span.style.width = "200";
					span.style.height = "30";
					span.style.zIndex = "1";
					span.onclick = function anonymous(){this.style.display=‘none‘;};
					var c = this.ErrorItem[i];
					var cy = 0;
					var cx = 0;
					while (c.offsetParent != null) {
						  cy += c.offsetTop;
						  cx += c.offsetLeft;
						  c = c.offsetParent;
					}					
					
				//window.document.body.attachEvent("onclick",alert(123));	
				var outString = ‘<div style="cursor:hand;color:#ff0000;padding:5px;border:1px dashed #FF3300; background-color:#FFFBE6;width:200px;font-size: 11px;">‘;
				outString += this.ErrorMessage[i].replace(/\d+:/,"* ");
				outString += ‘</div>‘;
				span.innerHTML = outString;						
					this.ErrorItem[i].parentNode.appendChild(span);	
					if(cx+200<window.document.body.scrollWidth){
					span.style.left = cx;
					}else{
						span.style.left  = cx - 200;
					}
					//if(cy-span.offsetHeight>30){
					span.style.top = cy-span.offsetHeight;
					//}else{
					//span.style.top = cy-10;
					//}
					
					var iframe = document.createElement("IFRAME");
					iframe.style.position = "absolute";
					iframe.style.height = span.offsetHeight;
					iframe.style.width = 160;
					iframe.style.zIndex = -10;
					iframe.style.filter="progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0,finishOpacity=0)";
					iframe.src = "javascript:false";
					iframe.style.left = 0;
					iframe.style.top = 0;

					
					span.appendChild(iframe);	
					
					i = errCount;
					}
					catch(e){alert(e.description);}
				}
				if(cy-span.offsetHeight<document.body.scrollTop){
					window.scrollTo(0,cy-span.offsetHeight);
				}
				try{
				this.ErrorItem[1].focus();
				}catch(e){}
				break;
			default :
				alert(this.ErrorMessage.join("\n"));
				break;
			}
			return false;
		}
		return true;
	},
	limit : function(len,min, max){
		min = min || 0;
		max = max || Number.MAX_VALUE;
		return min <= len && len <= max;
	},
	limitInt : function(v,min, max){
		min = Math.floor(min) || 0;
		max = Math.floor(max) || 0;		
		return min <= v && v <= max;
	},
	
	LenB : function(str){
		return str.replace(/[^\x00-\xff]/g,"**").length;
	},
	ClearState : function(elem){
		with(elem){
			if(style.color == "red")
				style.color = "";
			var lastNode = parentNode.childNodes[parentNode.childNodes.length-1];
			if(lastNode.id == "__ErrorMessagePanel")
				parentNode.removeChild(lastNode);
		}
	},
	AddError : function(index, str){
		this.ErrorItem[this.ErrorItem.length] = this.ErrorItem[0].elements[index];
		this.ErrorMessage[this.ErrorMessage.length] = this.ErrorMessage.length + ":" + str;
	},
	Exec : function(op, reg){
		return new RegExp(reg,"g").test(op);
	},
	compare : function(op1,operator,op2){
		switch (operator) {
			case "NotEqual":
				return (op1 != op2);
			case "GreaterThan":
				return (op1 > op2);
			case "GreaterThanEqual":
				return (op1 >= op2);
			case "LessThan":
				return (op1 < op2);
			case "LessThanEqual":
				return (op1 <= op2);
			default:
				return (op1 == op2);            
		}
	},
	MustChecked : function(name, min, max){
		var groups = document.getElementsByName(name);
		var hasChecked = 0;
		min = min || 1;
		max = max || groups.length;
		for(var i=groups.length-1;i>=0;i--)
			if(groups[i].checked) hasChecked++;
		return min <= hasChecked && hasChecked <= max;
	},
	IsDate : function(op, formatString){
		formatString = formatString || "ymd";
		var m, year, month, day;
		switch(formatString){
			case "ymd" :
				m = op.match(new RegExp("^((\\d{4})|(\\d{2}))([-./])(\\d{1,2})\\4(\\d{1,2})$"));
				if(m == null ) return false;
				day = m[6];				
				month = m[5]--;
				year =  (m[2].length == 4) ? m[2] : GetFullYear(parseInt(m[3], 10));
				break;
			case "dmy" :
				m = op.match(new RegExp("^(\\d{1,2})([-./])(\\d{1,2})\\2((\\d{4})|(\\d{2}))$"));
				if(m == null ) return false;
				day = m[1];
				month = m[3]--;
				year = (m[5].length == 4) ? m[5] : GetFullYear(parseInt(m[6], 10));
				break;
			default :
				break;
		}
		if(!parseInt(month)) return false;
		month --;
		month = month==12 ?0:month;		
		var date = new Date(year, month, day);
        return (typeof(date) == "object" && year == date.getFullYear() && month == date.getMonth() && day == date.getDate());
		function GetFullYear(y){return ((y<30 ? "20" : "19") + y)|0;}
	}
	
	
 }


javaScript简单表单验证插件,布布扣,bubuko.com

javaScript简单表单验证插件

标签:des   style   http   java   color   os   

原文地址:http://my.oschina.net/SkipperD/blog/289483

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!