`

基于[我佛山人validator.js]的验证框架

阅读更多
 /* 名称命名规则说明
 * 首字母大写,非常少用的尽可能用Custom
 * 注:如果添加了方法形式的,记得在Validate中的case中补上
 * --------------------------------------------------------
 * zxh:增加了默认的msg提示,以大量减少页面上的msg属性
 * 详细使用,请参考附件的帮助文档!!
 */

__Validator__ = {
	Account:{"value":/^[A-Za-z]{1}([A-Za-z0-9\-_]+)?$/, "msg":"只能以英文字母开头,允许英文字母、数字、中下划线"},
	Chinese:{"value":/^[\u0391-\uFFE5]+$/, "msg":"只允许中文"},
	Currency:{"value":/^\d+(\.\d+)?$/, "msg":""},
	Email:{"value":/^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/, "msg":"请输入正确的E-mail,如test@test.com"},
	English:{"value":/^[A-Za-z]+$/, "msg":"只允许英文字母"},
	IdCard:{"value":/^\d{15}(\d{2}[A-Za-z0-9\*])?$/, "msg":"只能输入18位的身份证号码"},
	Mobile:{"value":/^1[358]{1}\d{9}$/, "msg":"只能输入格式为以13,15,18开头的11位数字的手机号码"},
	MobilePhone:{"value":/^((0\d{2,3}(\d{6,15}))|(1\d{10}))$/, "msg":"直接输入手机号码或带区号的其他电话号码(只限数字)"},
	Number:{"value":/^\d+$/, "msg":"请输入数值"},
	UnSafe:{"value":/^(([A-Z]*|[a-z]*|\d*|[-_\~!@#\$%\^&\*\.\(\)\[\]\{\}<>\?\\\/\'\"]*)|.{0,5})$|\s/, "msg":""},
	Phone:{"value":/^((\(\d{3}\))|(\d{3}\-))?(\(0\d{2,3}\)|0\d{2,3}-)?[1-9]\d{6,7}([\-0-9]+)?[^\D]{1}$/, "msg":"请输入正确电话号码"},
	QQ:{"value":/^[1-9]\d{4,9}$/, "msg":"请输入5-10位数的纯数字"},
	UnQueryString:{"value":/[-_\~!@#\$%\^&\*\.\(\)\[\]\{\}<>\?\\\/\'\"]+/, "msg":"不安全字符串"},
	Require:{"value":/.+/, "msg":"不能为空"},
	VRequire:{"value":/\S+/, "msg":"不能为空,必须输入任意非空字符"},
	Url:{"value":/^http:\/\/[A-Za-z0-9]+\.[A-Za-z0-9]+[\/=\?%\-&_~`@[\]\':+!]*([^<>\"\"])*$/, "msg":"请输入正确的URL地址"},
	Trim:{"value":/^[^\s]{1}(.+)?[^\s]{1}$/, "msg":"不能为空,并且前后不能有空格"},
	Zip:{"value":/^[1-9]\d{5}$/, "msg":"邮政编码不存在"},
	NumLength:{"value":/^[1-9]\d{3}$/, "msg":"长度小于5"},
	Double:{"value":"this.IsNumber(value, true)", "msg":"请输入数字"},
	PlusDouble:{"value":"this.IsPlusNumber(value)", "msg":"请输入正数"},
	MinusDouble:{"value":"this.IsMinusNumber(value)", "msg":"请输入负数"},
	Integer:{"value":"this.IsInteger(value)", "msg":"请输入整数"},
	PlusInteger:{"value":"this.IsPlusInteger(value)", "msg":"请输入正整数"},
	MinusInteger:{"value":"this.IsMinusInteger(value)", "msg":"请输入负整数"},
	
	Compare:{"value":"this.compare(value,getAttribute('operator'),getAttribute('to'))", "msg":""},
	Custom:{"value":"this.Exec(value, getAttribute('regexp'))", "msg":""},
	Date:{"value":"this.IsDate(value, getAttribute('min'), getAttribute('format'))", "msg":"格式不正确"},
	Filename:{"value":"this.IsFilename(value)", "msg":"文件名不能为空,且不能包含下列字符 \\ \/ \: \* \? \" < >"},
	Filter:{"value":"this.DoFilter(value, getAttribute('accept'))", "msg":""},
	Group:{"value":"this.MustChecked(getAttribute('name'), getAttribute('min'), getAttribute('max'))", "msg":""},
	Limit:{"value":"this.Limit(value.length,getAttribute('min'), getAttribute('max'))", "msg":""},
	LimitB:{"value":"this.Limit(this.LenB(value), getAttribute('min'), getAttribute('max'))", "msg":""},
	Repeat:{"value":"value == document.getElementById(getAttribute('to')).value", "msg":"重复输入不一致"},
	Range:{"value":"getAttribute('min') < (value|0) && (value|0) < getAttribute('max')", "msg":""},
	SafeQueryString:{"value":"this.IsSafeQuery(value)", "msg":"含有不安全字符串,如\"!@#$%^&*'等等"},
	SafeString:{"value":"this.IsSafe(value)", "msg":"密码不符合安全规则"},
	
	ErrorItem:[document.forms[0]],
	ErrorMessage:["\u4ee5\u4e0b\u539f\u56e0\u5bfc\u81f4\u63d0\u4ea4\u5931\u8d25\uff1a\t\t\t\t"],//ErrorMessage:["以下原因导致提交失败:\t\t\t\t"],
	
	Validate:function(formID, mode) {
		var theForm = document.getElementById(formID);
		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");
				if(typeof (_dataType) == "object" || typeof (this[_dataType]) == "undefined") {
					continue;
				}
				this.ClearState(obj.elements[i]);
				if(getAttribute("require") == "false" && value == "") {
					continue;
				}
				switch(_dataType) {
					case "Double":
					case "PlusDouble":
					case "MinusDouble":
					case "Integer":
					case "PlusInteger":
					case "MinusInteger":  
					
					case "Compare":
					case "Custom":
					case "Date":
					case "Filename":
					case "Filter":
					case "Group":
					case "Limit":
					case "LimitB":
					case "Repeat":
					case "Range":
					case "SafeQueryString":
					case "SafeString":
						if(!eval(this[_dataType].value)) {
							if(getAttribute("msg") == null) {
								this.AddError(i, this[_dataType].msg);
							}
							else {
								this.AddError(i, getAttribute("msg"));
							}
						}
						break;
					default:
						if(!this[_dataType].value.test(value)) {
							if(getAttribute("msg") == null) {
								this.AddError(i, this[_dataType].msg);
							}
							else {
								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 = "#ff0000";
					}
				case 1://弹出提示
					alert(this.ErrorMessage.join("\n"));
						//this.ErrorItem[1].focus();
					break;
				case 4://变红并显示错误信息
					for(var i = 1; i < errCount; i++) {
						this.ErrorItem[i].style.color = "#ff0000";
					}
				case 3://显示错误信息
					for(var i = 1; i < errCount; i++) {
						try {
							var span = document.createElement("SPAN");
							span.id = "__ErrorMessagePanel";
							span.style.color = "#ff0000";
							this.ErrorItem[i].parentNode.appendChild(span);
							span.innerHTML = this.ErrorMessage[i].replace(/\d+:/, "*");
						}
						catch(e) {
							alert(e.description);
						}
					}
					//this.ErrorItem[1].focus();
					break;
				default:
					alert(this.ErrorMessage.join("\n"));
					break;
			}
			return false;
		}
		return true;
	},
	IsSafeQuery:function(str) {
		return !this.UnQueryString.value.test(str);
	},
	IsSafe:function(str) {
		return !this.UnSafe.value.test(str);
	},
	Limit:function(len, min, max) {
		min = min || 0;
		max = max || Number.MAX_VALUE;
		return min <= len && len <= max;
	},
	LenB:function(str) {
		return str.replace(/[^\x00-\xff]/g, "**").length;
	},
	ClearState:function(elem) {
		with(elem) {
			if(style.color == "#ff0000") {
				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;
	},
	DoFilter:function(input, filter) {
		return new RegExp("^.+\.(?=EXT)(EXT)$".replace(/EXT/g, filter.split(/\s*,\s*/).join("|")), "gi").test(input);
	},
	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;
		}
	},
	//合法文件名,文件名不能包含\/:*?"<>
	IsFilename:function(v) {
		if(v.length == 0) {
			return false;
		}
		if(v.indexOf("\\") == -1
				&& v.indexOf("\/") == -1
				&& v.indexOf("\:") == -1
				&& v.indexOf("\*") == -1
				&& v.indexOf("\?") == -1
				&& v.indexOf("\"") == -1
				&& v.indexOf("<") == -1
				&& v.indexOf(">") == -1
			) {
			return true;
		}
		return false;
	},
	//isPlusSign正数是否可带+号,true可带,false不可带
	//判断是否为格式正确的数字,小数点后可带0(如可以为-1,1,1.1等等)
	IsNumber:function(v, isPlusSign) {
		if(!isNaN(v)) {
			if(v.length == 0 || (!isPlusSign && v.indexOf("+") != -1)) {
				return false;
			}
			if(v.indexOf(".") == 0
					|| v.indexOf("-.") == 0
					|| v.indexOf("00") == 0
					|| v.indexOf("-00") == 0
					|| v.lastIndexOf(".") == v.length - 1
				) {
				return false;
			}
			return true;
		}
		return false;
	},
	//判断是否为正值数字(如可以为0,1.1等等)
	IsPlusNumber:function(v) {
		if(this.IsNumber(v, true)) {
			if(v.indexOf("-") != -1) {
				return false;
			}
			return true;
		}
		return false;
	},
	//判断是否为负值数字(如可以为-1.1,-2等等)
	IsMinusNumber:function(v) {
		if(this.IsNumber(v, false)) {
			if(v.indexOf("-") != -1) {
				return true;
			}
		}
		return false;
	},
	//判断是否为整数(如可以为-1,1等等)
	IsInteger:function(v) {
		if(this.IsNumber(v, true)) {
			if(v.indexOf(".") != -1) {
				return false;
			}
			return true;
		}
		return false;
	},
	//判断是否为正整数(如可以为2等等)
	IsPlusInteger:function(v) {
		if(this.IsInteger(v)) {
			if(v.indexOf("-") != -1) {
				return false;
			}
			return true;
		}
		return false;
	},
	//判断是否为负整数(如可以为-2,-0等等,注0只能为-0)
	IsMinusInteger:function(v) {
		if(this.IsInteger(v)) {
			if(v.indexOf("-") != -1) {
				return true;
			}
		}
		return false;
	},
	
	//默认自带一些校验方法
	//添加校验
	add_submit:function(submitid) {
		if(this.Validate("addForm", 3)) {
			if(!confirm("是否确定提交?")) {
				return false;
			}
			document.getElementById(submitid).click();
			return true;
		}
		return false;
	},
	//更新校验
	upd_submit:function(submitid) {
		if(this.Validate("updForm", 3)) {
			if(!confirm("是否确定保存?")) {
				return false;
			}
			document.getElementById(submitid).click();
			return true;
		}
		return false;
	},
	//查询校验
	query_submit:function(submitid) {
		if(this.Validate("queryForm", 3)) {
			document.getElementById(submitid).click();
			return true;
		}
		return false;
	},
	//其它
	form_submit:function(formid, submitid) {
		if(this.Validate(formid, 3)) {
			if(!confirm("是否确定提交?")) {
				return false;
			}
			document.getElementById(submitid).click();
			return true;
		}
		return false;
	}
};
分享到:
评论

相关推荐

    validator.js-2.0.0.zip

    `validator.js-2.0.0.zip`是一个包含JavaScript验证库的压缩文件,该库名为`js-validator`,它借鉴了流行的PHP框架Laravel的验证风格。`js-validator`主要功能在于提供对JavaScript对象和表单输入数据的有效性检查,...

    我佛山人Validator.chm

    "我佛山人Validator.chm" 是一个专门针对“我佛山人Validator”的JavaScript验证库的离线帮助文档,通常以CHM(Compiled HTML Help)格式提供。CHM文件是一种由Microsoft开发的帮助系统,它将HTML页面、图像和其他...

    Validator.js

    综上所述,Validator.js是一个强大的JavaScript验证库,通过其丰富的验证规则、自定义错误消息和异步验证功能,能够有效地提升Web应用的数据管理质量。结合`validator.chm`文档,开发者可以更加高效地利用这个工具...

    bootstrapValidator.js验证在bootstrap4.0使用

    1.bootstrap使用4.0 2.customValidator.css Bootstrap v4.0.0-beta (https://getbootstrap.com) jQuery v3.2.1

    bootstrapValidator.js

    bootstrapValidator表单验证插件,bootstrapValidator.css

    js表单验证Validator.js

    **JavaScript表单验证库——Validator.js** `Validator.js` 是一个专为JavaScript设计的轻量级表单验证库,主要用于增强HTML表单的验证功能,确保用户输入的数据符合预设的规则。它允许开发者在客户端进行实时数据...

    bootstrapValidator.min.js

    bootstrap表单验证插件,css前边上传了,现在把bootstrapValidator.min.js也上传一下

    我佛山人validator4.0验证框架和使用文档

    4.0 功能特点 1.支持Ajax验证 2.实现密码安全度等级验证及显示 3.5种配置方式 4.6种消息提示模式 5.能避免网络原因未完全下载validator.js时提交未经验证表单的 6.避免变量名冲突 7.详细的帮助说明文档 8. ...

    validator.js文件

    添加输入框验证需要导入的js文件,对数字、身份证、邮编、汉子、手机号、账号进行验证。

    前端开发原生表单校验validator.js-13.11.0

    `validator.js` 是一个流行且强大的JavaScript库,专注于处理前端表单验证。在13.11.0这个版本中,`validator.js` 提供了丰富的功能和优化,帮助开发者更便捷地实现表单数据的验证。 首先,`validator.js` 的核心...

    Atom-feed-validator,基于node.js的简单验证工具,用于rss或atom等提要。支持opensearch.xml验证。基于validator.w3.org/feed.zip

    Atom-feed-validator.zip,基于node.js的简单验证工具,用于rss或atom等提要。支持opensearch.xml验证。基于validator.w3.org/feed饲料验证器,atom是一个用web技术构建的开源文本编辑器。

    jquery validator js验证框架

    **jQuery Validator JS验证框架** jQuery Validator是一个强大的JavaScript库,它为HTML表单提供了方便而灵活的验证功能。这个框架基于jQuery库,使得在网页中实现客户端验证变得简单易行。通过使用jQuery ...

    JavaScript对象验证库js-validator.zip

    js-validator 是 Laravel 风格的 JavaScript 对象验证库。使用 js-validator 来验证对象或者 JSON 是否符合规则非常方便,而且具有很好的可扩展性。举个例子var example = {  text: 'Hello world!',  date: ...

    validator.js

    表单的验证一直是网页设计者头痛的问题,我佛山人编写的表单验证类 Validator就是为解决这个问题而写的,旨在使设计者从纷繁复杂的表单验证中解放出来,把精力集中于网页的设计和功能上的改进上。Validator是基于...

    validator扩展.js

    js表单验证,正则表达式验证,validator.js

    mongoose-validator, mongoose模型的验证器利用 validator.js.zip

    mongoose-validator, mongoose模型的验证器利用 validator.js Mongoose验证器 的验证器使用了 validator.js 。Mongoose验证器仅仅返回Mongoose样式验证对象,这些对象利用 validator.js 进行数据验证。版本 1.0. x ...

    hibernate-validator.jar

    hibernate-validator.jarhibernate-validator.jarhibernate-validator.jarhibernate-validator.jar

    bootstrapValidator.css

    bootstrapValidator表单验证插件的架包,包含内容bootstrapValidator.css。

Global site tag (gtag.js) - Google Analytics