test/public/assets/js/kaka/libs/kaka.validator.js

kaka.validator = function(form, opts){
	var self = this;
	
	self.defaults = {
		form: '',
		enabled: 1,
		showContainer: false,
		focusClass: 'has-info',
		errorClass: 'has-error',
		successClass: 'has-success',
		onkeyup: false,
		onchange: true,
		onblur: true,
		onsubmit: true,
		trigger: false,
		skipErr: true,
		rules: {}
	};

	self.opts = $.extend(self.defaults, opts);
	self.opts.form = form;

	$('input, textarea, select', form).each(function(){
		var name = $(this).attr('name');
		var valid = $(this).attr('valid');
		var errorText = $(this).attr('errorText');
		var successText = $(this).attr('successText');
		var func = $(this).attr('func');

		var item = {};
		if (valid) {
			key = '[name="'+name+'"]';
			self.opts.rules[key] = {'valid':valid, 'errorText':errorText, 'successText':successText, 'func':func};
		}
	})

	//绑定事件
	self.bind = function() {
		var onfocus = function(DOM, rule) {
			var focusText = rule ? rule['focusText'] : $(DOM).attr('focusText');
			if (focusText) { 
				self.tip('focus', $(DOM), focusText);
			}
		};

		if (self.opts.showContainer) {
			$(self.opts.showContainer).hide();
		}

		for(var item in self.opts.rules) {
			var el = item;
			var firstText = item.substr(0,1);
			if (firstText != '[' && firstText != '.' && firstText != '#') {
				var el = '[name='+item+']';
			}

			$(el, form).data('valid', self.opts.rules[item]);
			if (self.opts.onchange) {
				$(el, form).bind('change', function() { self.valid(this, $(this).data('valid')) });
			}
			if (self.opts.onkeyup) {
				$(el, form).bind('keyup', function() { self.valid(this, $(this).data('valid')) });
			}
			if (self.opts.onblur) {
				$(el, form).bind('blur', function() { self.valid(this, $(this).data('valid')) });
				$(el, form).bind('focus', function() { onfocus($(this), $(this).data('valid')) });
			}
		}
		
		$(form).submit( function () {
			return self.run(form);
		});
	};

	//开始验证
	self.run = function() {
		var form = self.opts.form;
		if (!self.opts.onsubmit || !self.opts.enabled) return true;
		var flag = true; 
		var isFocus = false;

		for(var item in self.opts.rules) {
			var el = item;
			var firstText = item.substr(0,1);
			if (firstText != '[' && firstText != '.' && firstText != '#') {
				var el = '[name='+item+']';
			}
			if (self.valid($(el, form), self.opts.rules[item]) == false) {
				flag = false;
				if (!isFocus) {
					$(el, form).focus();
					isFocus = true;
				}
				if (!self.opts.skipErr) {
					return false;
				}
			}
		}
		if (self.opts.submitHandler) {
			flag = self.opts.submitHandler(flag, self.opts);
		}
		return flag;
	};

	self.tip = function (type, obj, msg) {
		var name = $(obj).attr('name') ? $(obj).attr('name') : $(obj).attr('id');
		try { 
			v = name.split('['); 
			for(i = 0; i < v.length; i++) { 
				name = name.replace('[', '').replace(']', ''); 
			}	
		} catch(e) {}
		
		switch (type) {
			/*case 'tip':
				var curClass = self.opts.tipClass; 
				var curInputClass = self.opts.inputTipClass;
				break;*/
			case 'focus': 
				var curClass = self.opts.focusClass; 
				var curInputClass = self.opts.focusClass;
				break;
			case 'error': 
				var curClass = self.opts.errorClass; 
				var curInputClass = self.opts.errorClass;
				break;
			case 'success': 
				var curClass = self.opts.successClass; 
				var curInputClass = self.opts.successClass;
				break;
		}
		
		var html = msg ? '<p id="_'+name+'_msg" class="help-block '+curClass+' regex-tip"><i class="addon"></i>'+(msg ? msg : '&nbsp;')+'</p>' : '';

		if ($(obj).parents('.form-group').length > 0) {
			$(obj).parents('.form-group').removeClass(self.opts.focusClass);
			$(obj).parents('.form-group').removeClass(self.opts.successClass);
			$(obj).parents('.form-group').removeClass(self.opts.errorClass);
			//$(obj).parents('.form-group').removeClass(self.opts.inputTipClass);
			$(obj).parents('.form-group').addClass(curInputClass);
		} else {
			$(obj).removeClass(self.opts.focusClass);
			$(obj).removeClass(self.opts.successClass);
			$(obj).removeClass(self.opts.errorClass);
			//$(obj).removeClass(self.opts.inputTipClass);
			$(obj).addClass(curInputClass);
		}

		$('#_'+name+'_msg').remove();
		if (self.opts.showContainer) {
			if (!self.opts.skipErr) {
				$(self.opts.showContainer).empty();
			}
			$(self.opts.showContainer).show().append(html);
		} else {
			if ($(obj).parents('.input-group').length > 0) {
				$(obj).parents('.input-group').parent().append(html);
			} else {
				$(obj).parent().append(html);
			}
		}
	};

	self.valid = function(DOM, rule) {
		if ($(DOM).length <= 0) {
			return true;
		}

		var val = $(DOM).val();
		var func = rule ? rule['func'] : eval($(DOM).attr('func'));
		var validates = rule ? rule['valid'] : $(DOM).attr('valid');
		var errorTexts = rule ? rule['errorText'] : $(DOM).attr('errorText');
		var successText = rule ? rule['successText'] : $(DOM).attr('successText');
		
		var tip = function (type, obj, msg) {
			return self.tip(type, obj, msg);
		};

		if (validates) validates = validates.split('|'); else return true;
		if (errorTexts) errorTexts = errorTexts.split('|'); else return true;		
		
		for (j=0; j<validates.length; j++) {
			var validate = validates[j];
			var errorText = errorTexts[j];
			if (errorTexts.length <= 1) {
				errorText = errorTexts[0];
			}

			if (!validate) { continue; }
			switch(validate) {
				case 'required':
					if (DOM.tagName == 'SELECT') {
						var v = $('option:selected', DOM).val();
						if (!v) {
							tip('error', $(DOM), errorText);
							return false;
						}
					} else if (DOM.length > 1) { //检测是否选项框
						var fg = 0;
						$(DOM).each(function(i) {
							if ($(this).prop('checked')) {
								fg = 1;
								return;
							}
							lastDom = this;
						})
						if (!fg) {
							tip('error', $(lastDom), errorText);
							return false;
						}
						return true;
					} else {

						if (val == '' || val == null) {
							tip('error', $(DOM), errorText);
							return false;
						}
					}
					break;
				case 'string':
					var patrn=/^[A-Za-z]+$/;
					if( !patrn.exec(val) && val != ''){
						tip('error', $(DOM), errorText);
						return false;
					}
					break;
				case 'password':
					var patrn=/^(.+){6,16}$/;
					if( !patrn.exec(val) && val != ''){
						tip('error', $(DOM), errorText);
						return false;
					}
					break;
				case 'strlen':
					var length = val.length;
					var arr = val.match(/[\u4e00-\u9fa5]/ig); //中文两字节
					if (arr != null) length += arr.length;

					_min = rule['minlen'] ? rule['minlen'] : $(DOM).attr('minlen');
					_max = rule['maxlen'] ? rule['maxlen'] : $(DOM).attr('maxlen');

					if (length < parseInt(_min) || length > parseInt(_max)) {
						tip('error', $(DOM), errorText);
						return false;
					}
					break;
				case 'range':
					_min = rule['min'] ? rule['min'] : $(DOM).attr('min');
					_max = rule['max'] ? rule['max'] : $(DOM).attr('max');
					
					var patrn=/^\d+(\.\d+)?$/;
					if( !patrn.exec(val) && val != ''){
						tip('error', $(DOM), errorText);
						return false;
					}
					
					if (parseInt(val) < parseInt(_min) || parseInt(val) > parseInt(_max)) {
						tip('error', $(DOM), errorText);
						return false;
					}
					break;
				case 'notZero':
					if (parseFloat(val) == 0) {
						tip('error', $(DOM), errorText);
						return false;
					}
					break;
				case 'equal':
					var compare = rule['compare'] ? rule['compare'] : $(DOM).attr('compare');
					if ($(compare).val() != val && compare != val) {
						tip('error', $(DOM), errorText);
						return false;
					}
					break;
				case 'notEqual':
					var compare = rule['compare'] ? rule['compare'] : $(DOM).attr('compare');
					if ($(compare).val() == val || compare == val) {
						tip('error', $(DOM), errorText);
						return false;
					}
					break;
				case 'email':
					var patrn=/^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/; 
					if( !patrn.exec(val) && val != ''){
						tip('error', $(DOM), errorText);
						return false;
					}
					break;
				case 'numeric':
					var patrn=/^\d+(\.\d+)?$/;
					if( !patrn.exec(val) && val != ''){
						tip('error', $(DOM), errorText);
						return false;
					}
					break;
				case 'phone':
					var patrn=/^(0\d{2,3}\-?)?\d{6,11}$/;
					if( !patrn.exec(val) && val != ''){
						tip('error', $(DOM), errorText);
						return false;
					}
					break;
				case 'telphone':
					var patrn=/^(0\d{2,3}\-?)?\d{6,8}$/;
					if( !patrn.exec(val) && val != ''){
						tip('error', $(DOM), errorText);
						return false;
					}
					break;
				case 'mobile':
					var patrn=/^(1|01)\d{10}$/;
					if( !patrn.test(val) && val != ''){
						tip('error', $(DOM), errorText);
						return false;
					}
					break;
				case 'zipcode':
					var patrn=/^[1-9]\d{5}$/;
					if( !patrn.exec(val) && val != ''){
						tip('error', $(DOM), errorText);
						return false;
					}
					break;
				case 'chinese':
					var patrn=/[\u4e00-\u9fa5]/;
					if( !patrn.exec(val) && val != ''){
						tip('error', $(DOM), errorText);
						return false;
					}
					break;
				case 'currency':
					var patrn=/^\d+(?:\.\d{0,2})?$/;
					if( !patrn.exec(val) && val != ''){
						tip('error', $(DOM), errorText);
						return false;
					}
					break;
				case 'idcard':
					var patrn=/^(\d{6})(18|19|20)?(\d{2})([01]\d)([0123]\d)(\d{3})(\d|X)?$/;
					if( !patrn.exec(val) && val != ''){
						tip('error', $(DOM), errorText);
						return false;
					}
					break;
				default:
					var patrn=eval(rule ? rule['valid'] : $(DOM).attr('valid'));
					if( !patrn.exec(val) && val != ''){
						tip('error', $(DOM), errorText);
						return false;
					}
					break;
			}
			tip('success', $(DOM), successText);
		}
		
		//回调方法
		if (func) { 
			msg = func($(DOM));
			if (msg != true) {
				tip('error', $(DOM), msg);
				return false;
			}
		}

		return true;
	};

	self.bind(form);

	return self;
}