﻿/*********************************************
验证组件说明    --版本0.9.6.alpha

将验证组件包含于网页内，例：<script src="images/valide.js"></script>
加载完成后，组件将自动寻找网页内的验证控件。
初始选框说明：select控件中加入initValue属性，并在属性中加入初始值，多选框的值可由","符号分割开。
可以在页面加载完时自动选择需要的选项。
验证控件说明：任何input类型的控件，只需在控件中增加验证属性即可由本组件进行即时输入验证。
属性说明：
    dataType --主要验证属性，说明验证类型及其是否必填。例：dataType="Email,1" Email表示验证Email形式的内容，1表示必填，之间用‘,’分隔，后一项如没有即默认为必填。
    err      --错误后显示提示文字。
    msg      --输入时提示文字。
提示信息格式和样式：
    .InputMsg{ line-height:25px; background-color:#ccffcc;padding:2px 10px 2px 10px; border:solid 1px #66cc66;}
    .InputErr{ line-height:25px; background-color:#ffcccc;padding:2px 10px 2px 10px; border:solid 1px #cc6666;}
    .InputOk{ width:21px; height:21px; background-image:url(right.gif);}
    InputMsg为提示样式，InputErr为错误样式，InputOk为正确样式。
    样式放置于样式表或页面样式中，根据需要进行修改。
验证类型：
    Empty     --验证空值
    Email       --验证Email地址
    Phone       --验证电话号码
    Mobile      --验证手机号码
    Url         --验证网址
    IdCard      --验证身份证号码
    Currency    --验证货币
    Number      --验证正整数
    Zip         --验证邮编
    QQ          --验证QQ号码
    Integer     --验证整数
    Double      --验证浮点数
    English     --验证英文字符（大小写）
    Chinese     --验证中文字符
    FileName    --验证文件名
    UserName    --验证首字母为小写英文，4个字符以上的用户名类型
    DateTime    --验证日期+时间格式
    SafeString  --验证安全密码字符串
    Limit{min,max}       --限制字符串长度,min最小，max最大
    LimitB{min,max}     --限制字符串字节大小,min最小，max最大
    Date{min,format}    --验证日期格式，min最小日期，format日期格式
    Repeat{to}  --验证重复输入值，to重复控件
    Range{min,max}  --验证中间值，min最小，max最大
    Compare{operator,to}    --对比验证控件值，operator{NotEqual:!=,GreaterThan:>,GreaterThanEqual:>=,LessThan:<,LessThanEqual:<=}，to对比控件
    Custom{regexp}  --自定义验证公式，regexp验证正则
    Group       --组控件验证
*/
Validator = 
{
	Empty : /.+/,
	Require : /.+/,
	Email : /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/,
	Phone : /^((\(\d{2,3}\))|(\d{3}\-))?(\(0\d{2,3}\)|0\d{2,3}-)?[1-9]\d{6,7}(\-\d{1,4})?$/,
	Mobile : /^((\(\d{2,3}\))|(\d{3}\-))?13\d{9}$/,
	Url : /^http:\/\/[A-Za-z0-9]+\.[A-Za-z0-9]+[\/=\?%\-&_~`@[\]\':+!]*([^<>\"\"])*$/,
	IdCard : "this.IsIdCard(value)",
	Currency : /^\d+(\.\d+)?$/,
	Number : /^\d+$/,
	Zip : /^[1-9]\d{5}$/,
	QQ : /^[1-9]\d{4,9}$/,
	Integer : /^[-\+]?\d+$/,
	Double : /^[-\+]?\d+(\.\d+)?$/,
	English : /^[A-Za-z]+$/,
	Chinese :  /^[\u0391-\uFFE5]+$/,
	FileName: /^[\w\d]+$/,
	Username : /^[a-zA-Z]\w{3,}$/i,
	UnSafe : /^(([A-Z]*|[a-z]*|\d*|[-_\~!@#\$%\^&\*\.\(\)\[\]\{\}<>\?\\\/\'\"]*)|.{0,5})$|\s/,
	DateTime :/^((((1[6-9]|[2-9]\d)\d{2})-(0?[13578]|1[02])-(0?[1-9]|[12]\d|3[01]))|(((1[6-9]|[2-9]\d)\d{2})-(0?[13456789]|1[012])-(0?[1-9]|[12]\d|30))|(((1[6-9]|[2-9]\d)\d{2})-0?2-(0?[1-9]|1\d|2[0-8]))|(((1[6-9]|[2-9]\d)(0[48]|[2468][048]|[13579][26])|((16|[2468][048]|[3579][26])00))-0?2-29-)) (20|21|22|23|[0-1]?\d):[0-5]?\d:[0-5]?\d$/,
	IsSafe : function(str){return !this.UnSafe.test(str);},
	SafeString : "this.IsSafe(value)",
	Filter : "this.DoFilter(value, getAttribute('accept'))",
	Limit : "this.limit(value.length,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.getElementsByName(getAttribute('to'))[0].value",
	Range : "getAttribute('min') < (value|0) && (value|0) < getAttribute('max')",
	Compare : "this.compare(value,getAttribute('operator'),getAttribute('to'))",
	Custom : "this.Exec(value, getAttribute('regexp'))",
	Group : "this.MustChecked(getAttribute('name'))",
	ErrorItem : [document.forms[0]],
	ErrorMessage : [""],
	
	Validate:function(obj,mode)
	{
	    var _dataType,_noNull,_ErrMsg;
		if(obj.getAttribute("type")=="checkbox"){
		    _dataType=document.getElementsByName(obj.getAttribute("name"))[0].getAttribute("dataType");
		    _ErrMsg=document.getElementsByName(obj.getAttribute("name"))[0].getAttribute("err");
		}
		else
		{
		    _dataType=obj.getAttribute("dataType");
		    _ErrMsg=obj.getAttribute("err");
		}
		if(_dataType==null)
		    return;
		_noNull=true;
		if(_dataType.indexOf(",")>=0){
		    _noNull=(_dataType.substring(_dataType.indexOf(",")+1)!="0");
		    _dataType=_dataType.substring(0,_dataType.indexOf(","));
		}
		var _IsValid=true;
		this.ClearState(obj);
		with(obj)
		{
		    if(value==""){
		        if(_noNull){
				    this.ErrorMessage="此为必填项";
				    _IsValid=false;
				}
			}
			else(value!="")
			{
				switch (_dataType)
				{
					case "IdCard" :
					case "Date" :
					case "Repeat" :
					case "Range" :
					case "Compare" :
					case "Custom" :
					case "Group" : 
					case "Limit" :
					case "LimitB" :
					case "SafeString" :
					case "Filter" :
					if(!eval(this[_dataType]))
					{
						this.AddError(_ErrMsg);
						_IsValid=false;
					}
					break;
					default:
					if(!this[_dataType].test(value))
					{			
						this.AddError(_ErrMsg);
						_IsValid=false;
					}
					break;
				}
			}
		}
		try
		{
			var div = document.createElement("label");
			div.className=(_IsValid)?"InputOk":"InputErr";
			if((obj.parentNode.offsetWidth-obj.offsetWidth)>25 || !_IsValid)
			    obj.parentNode.appendChild(div);
			if(!_IsValid)
			    div.innerHTML=this.ErrorMessage;
		}
		catch(e)
		{
			alert(e.description);
		}
		return _IsValid;
 	},
	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)
	{
		var groups = document.getElementsByName(name);
		var min, max;
		min=groups[0].min;
		max=groups[0].max;
		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;
	},
	DoFilter : function(input, filter)
	{
		return new RegExp("^.+\.(?=EXT)(EXT)$".replace(/EXT/g, filter.split(/\s*,\s*/).join("|")), "gi").test(input);
	},
	ShowState : function(obj)
	{
	    this.ClearState(obj);
		with(obj){
		    if(typeof(msg)!="undefined")
		    {
			    var div = document.createElement("label");
			    div.className="InputMsg";
			    obj.parentNode.appendChild(div);
			    div.innerHTML=msg;
		    }
		}
	},
	ClearState : function(obj)
	{
		with(obj){
			if(style.color == "red")
				style.color = "";
			var lastNode = parentNode.childNodes[parentNode.childNodes.length-1];
			try{
			if(lastNode.className.substring(0,5) == "Input")
				parentNode.removeChild(lastNode);
			}
			catch(e){}
		}
	},
	AddError : function(str)
	{
		if(str!=""&&str!=null)
		{
			this.ErrorMessage =  str;
		}
		else
		{
			this.ErrorMessage ="";
		}
	},
	IsIdCard : function(number)
	{
		var date, Ai;
		var verify = "10x98765432";
		var Wi = [7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2];
		var area = ['','','','','','','','','','','','北京','天津','河北','山西','内蒙古','','','','','','辽宁','吉林','黑龙江','','','','','','','','上海','江苏','浙江','安微','福建','江西','山东','','','','河南','湖北','湖南','广东','广西','海南','','','','重庆','四川','贵州','云南','西藏','','','','','','','陕西','甘肃','青海','宁夏','新疆','','','','','','台湾','','','','','','','','','','香港','澳门','','','','','','','','','国外'];
		var re = number.match(/^(\d{2})\d{4}(((\d{2})(\d{2})(\d{2})(\d{3}))|((\d{4})(\d{2})(\d{2})(\d{3}[x\d])))$/i);
		if(re == null) return false;
		if(re[1] >= area.length || area[re[1]] == "") return false;
		if(re[2].length == 12){
			Ai = number.substr(0, 17);
			date = [re[9], re[10], re[11]].join("-");
		}
		else{
			Ai = number.substr(0, 6) + "19" + number.substr(6);
			date = ["19" + re[4], re[5], re[6]].join("-");
		}
		if(!this.IsDate(date, "ymd")) return false;
		var sum = 0;
		for(var i = 0;i<=16;i++){
			sum += Ai.charAt(i) * Wi[i];
		}
		Ai +=  verify.charAt(sum%11);
		return (number.length ==15 || number.length == 18 && number == Ai);
	},
	Limit : function(length,min,max)
	{
	    return (length>=min && length<max);
	},
	InitSelect : function(obj)
	{
		with(obj){
		    if(typeof(getAttribute("initValue"))=="string")
		    {
		        var initValue=","+getAttribute("initValue")+",";
				for(var i=0;i<options.length;i++){
					if(initValue.indexOf(","+options[i].value+",") > -1 )
						options[i].selected=true;
				}
		    }
		}
	},
	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]*1;
				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]*1;
				year = (m[5].length == 4) ? m[5] : GetFullYear(parseInt(m[6], 10));
				break;
			default :
				break;
		}
		if(!parseInt(month)) return false;
		month = month==0 ?12:month;
		var date = new Date(year, month-1, day);
        return (typeof(date) == "object" && year == date.getFullYear() && month == (date.getMonth()+1) && day == date.getDate());
		function GetFullYear(y){return ((y<30 ? "20" : "19") + y)|0;}
	}
}

var o=window.onload;
if(typeof(o)=="function")
    o();
window.onload = function(){
    if(document.forms.length==0)
        return;
    for(var j=0;j<document.forms.length;j++){
        if(!document.forms[j]) return;
        var y = document.forms[j].elements;
        
	    document.forms[j].othersubmit = document.forms[j].onsubmit;
        document.forms[j].onsubmit = function(){
            try{
                var InputOk=true;
                for(var i=0;i<y.length;i++){
                    if(y[i].getAttribute("dataType")){
	                    if(!Validator.Validate(y[i]))
	                        InputOk=false;
	                }
	            }
	        }
	        catch(e){alert(e.description);}
	        if(!InputOk)
	            alert("请填入完整信息！");
	        else{
	            try{
	                if(typeof(this.othersubmit)=="function"){
	                    this.othersubmit();
	                }
	            }catch(e){}
	        }
	        return InputOk;
        }
        for(var i=0;i<y.length;i++)
        {
			if(y[i].nodeName=="SELECT" && y[i].getAttribute("initValue")!=null)
				Validator.InitSelect(y[i]);
	        if(y[i].getAttribute("dataType") || y[i].type=="checkbox")
	        {
	            y[i].onfocus = function(){
	                Validator.ShowState(this);
	            };//调用方法getFocus
	            y[i].onblur  = function(){
	                Validator.Validate(this);
	            }
	        }
        }
	}
}