0

css/common.css

@@ -2177,6 +2177,10 @@ a cite {
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
}
.form-item.invalid > a.dd-hand, .form-item.text.invalid > input, .form-item.textarea.invalid > textarea {
	border: 1px solid red;
}
.form-item.select > a.dd-hand, .form-item.text > input, .form-item.date > a.dd-hand {
    height: 34px;
    white-space: nowrap;

html/demo.html

@@ -164,6 +164,7 @@
	<script type="text/javascript" src="../js/spa.js"></script>
	<script type="text/javascript" src="../js/upload.js"></script>
	<script type="text/javascript" src="../js/dyn-select.js"></script>
	<script type="text/javascript" src="../js/validate.js" ></script>
	<script>
		$(function() {

js/common.js

@@ -381,7 +381,7 @@ if(typeof jQuery === 'undefined') {
				if("function" === te) {
					target.push(rule);
				} else if("array" === te) {
					target.concat(rule);
					rule.forEach(function(item){target.push(item)});
				}
			},
			validate: function(rules, obj) {
@@ -400,10 +400,10 @@ if(typeof jQuery === 'undefined') {
				return true;
			},
			valid: function($e) {
				$e.removeClass("invald");
				$e.removeClass("invalid");
			},
			invalid: function($e) {
				$e.addClass("invald");
				$e.addClass("invalid");
			},
			appendChild: function(e, obj) {
				var docf = doc.createDocumentFragment();

js/date.js

@@ -1,5 +1,6 @@
$.use(["jQuery", "form", "doc", "util", "dropdown"], function($, form, doc, util, dd) {
	var readOnly = "readOnly",
	var m_rd = "必选的",
		readOnly = "readOnly",
		dd_ctn = "dd-ctn",
		dd_clean = "dd-clean",
		showOnly = "showOnly",
@@ -160,7 +161,7 @@ $.use(["jQuery", "form", "doc", "util", "dropdown"], function($, form, doc, util
					if(rv !== val) {
						$h.attr("code", val);
						$span.text(dt);
						rv=val;
						rv = val;
					}
				} else {
					rv = "";
@@ -227,15 +228,16 @@ $.use(["jQuery", "form", "doc", "util", "dropdown"], function($, form, doc, util
			return {
				name: n,
				get: function() {
					return rv?rv:undefined;
					return rv ? rv : undefined;
				},
				set: function(data) {
					change_date(data?data:"");
					change_date(data ? data : "");
				},
				validate: function() {
					if(cls[required]) {
						if(!rv) {
							return "不可为空";
							this.invalid(m_rd);
							return m_rd;
						}
					}
					return util.validate(rules, this);

js/dyn-select.js

@@ -1,5 +1,6 @@
$.use(["jQuery", "form", "doc", "util", "dropdown", "dict"], function($, form, doc, util, dd, dict) {
	var readOnly = "readOnly",
	var m_rd = "必选的",
		readOnly = "readOnly",
		showOnly = "showOnly",
		modelName = 'dyn-select',
		mModelName = "dyn-mselect",
@@ -169,7 +170,8 @@ $.use(["jQuery", "form", "doc", "util", "dropdown", "dict"], function($, form, d
				validate: function() {
					if(cls[required]) {
						if(!rv) {
							return "不可为空";
							this.invalid(m_rd);
							return m_rd;
						}
					}
					return util.validate(rules, this);
@@ -281,7 +283,7 @@ $.use(["jQuery", "form", "doc", "util", "dropdown", "dict"], function($, form, d
			};
			if(lis.length) {
				$ul.find("span").each(function() {
					dict.dynTransfer(dynCache,$(this));
					dict.dynTransfer(dynCache, $(this));
				});
			} else {
				dict.dynApply(dynCache, util.noop);
@@ -327,7 +329,8 @@ $.use(["jQuery", "form", "doc", "util", "dropdown", "dict"], function($, form, d
				validate: function() {
					if(cls[required]) {
						if(!rv.length) {
							return "不可为空";
							this.invalid(m_rd);
							return m_rd;
						}
					}
					return util.validate(rules, this);

js/form.js

@@ -30,7 +30,7 @@ $.define(["jQuery", "util"], "form", function($, util) {
		},
		vd = function(items) {
			for(key in items) {
				if(!items[key].validate())
				if(true!==items[key].validate())
					return false;
			}
			return true;
@@ -65,7 +65,9 @@ $.define(["jQuery", "util"], "form", function($, util) {
						if("function" === te) {
							rules.push(rule);
						} else if("array" === te) {
							rules.concat(rule);
							rule.forEach(function(item){
								rules.push(item);
							});
						} else if("object" === te) {
							for(key in rule) {
								var im = items[key];

js/select.js

@@ -1,5 +1,5 @@
$.use(["jQuery", "form", "doc", "util", "dropdown", "dict"], function($, form, doc, util, dd, dict) {
	var readOnly = "readOnly",
	var m_rd="必选的",readOnly = "readOnly",
		showOnly = "showOnly",
		modelName = 'select',
		mModelName = "mselect",
@@ -169,7 +169,8 @@ $.use(["jQuery", "form", "doc", "util", "dropdown", "dict"], function($, form, d
				validate: function() {
					if(cls[required]) {
						if(!rv) {
							return "不可为空";
							this.invalid(m_rd);
							return m_rd;
						}
					}
					return util.validate(rules, this);
@@ -317,7 +318,8 @@ $.use(["jQuery", "form", "doc", "util", "dropdown", "dict"], function($, form, d
				validate: function() {
					if(cls[required]) {
						if(!rv.length) {
							return "不可为空";
							this.invalid(m_rd);
							return m_rd;
						}
					}
					return util.validate(rules, this);

js/text.js

@@ -1,5 +1,5 @@
$.use(["jQuery", "form", "util"], function($, form, util) {
	var trim = "trim",
	var m_rd="不可为空或空字符串",trim = "trim",
		readOnly = "readOnly",
		showOnly = "showOnly",
		modelName = 'text',
@@ -12,7 +12,7 @@ $.use(["jQuery", "form", "util"], function($, form, util) {
		placeholder = "placeholder",
		required = "required";
	form.register(function($e) {
		var cls = util.classCheck($e[0], [modelName, trim, readOnly, showOnly, tInt, tBool, tFloat, pw, ]);
		var cls = util.classCheck($e[0], [modelName, trim, readOnly, showOnly, tInt, tBool, tFloat, pw,required ]);
		if(cls[modelName]) {
			var n = $e.attr("name") || $e.attr("id"),
				ve, rules = [];
@@ -59,7 +59,8 @@ $.use(["jQuery", "form", "util"], function($, form, util) {
				validate: function() {
					if(cls[required]) {
						if(!ve.val().trim()) {
							return "不可为空或空字符串";
							this.invalid(m_rd)
							return m_rd;
						}
					}
					return util.validate(rules, this);

js/validate.js

@@ -0,0 +1,186 @@
$.define(["jQuery", "util"], "validate", function($, util) {
	var returnTrue = function() {
			return true;
		},
		returnFalse = function() {
			return false;
		},
		vDef = function(ps, name) {
			return function(obj) {
				return "invalid validate[" + name + "] option";
			}
		},
		vRequired = function(msg) {
			return function(obj) {
				var v = obj.get();
				if((undefined === v) || ("" === v) || ($.isArray(v) && v.length === 0)) {
					return msg || "必输字段";
				}
			};
		},
		vMax = function(ps) {
			var tn = $.type(ps),
				msg = "不能大于";
			if(tn === "object") {
				msg = ps.msg || (msg + ps.val);
				ps = ps.val;
				tn = $.type(ps);
			} else {
				msg = msg + ps;
			}
			if(tn === "number") {
				return function(obj) {
					var val = obj.get();
					if(val) {
						if($.iaArray(val)) {
							if(val.length > ps) {
								return msg;
							}
						} else {
							if(val > ps) {
								return msg;
							}
						}
					} else if(0 === val) {
						if(0 > ps) {
							return msg;
						}
					}
					return true;
				};
			} else if(tn === "string") {
				var val = obj.get();
				if(val) {
					if(val > ps) {
						return msg;
					}
				}
			}
		},
		vMin = function(ps) {
			var tn = $.type(ps),
				msg = "不能小于";
			if(tn === "object") {
				msg = ps.msg || (msg + ps.val);
				ps = ps.val;
				tn = $.type(ps);
			} else {
				msg = msg + ps;
			}
			if(tn === "number") {
				return function(obj) {
					var val = obj.get();
					if(val) {
						if($.iaArray(val)) {
							if(val.length < ps) {
								return msg;
							}
						} else {
							if(val < ps) {
								return msg;
							}
						}
					} else if(0 === val) {
						if(0 > ps) {
							return msg;
						}
					}
					return true;
				};
			} else if(tn === "string") {
				var val = obj.get();
				if(val) {
					if(val < ps) {
						return msg;
					}
				}
			}
		},
		vLen = function(ps) {
			var msg = "长度不等于";
			if($.type(ps) === "object") {
				msg = ps.msg || (msg + ps.val);
				ps = ps.val;
			} else {
				msg = msg + ps;
			}
			return function(obj) {
				var val = obj.get();
				if(val || (val === "")) {
					if(val.length !== ps) {
						return msg;
					}
				}
			};
		},
		vMinLen = function(ps) {
			var msg = "长度小于";
			if($.type(ps) === "object") {
				msg = ps.msg || (msg + ps.val);
				ps = ps.val;
			} else {
				msg = msg + ps;
			}
			return function(obj) {
				var val = obj.get();
				if(val || (val === "")) {
					if(val.length < ps) {
						return msg;
					}
				}
			};
		},
		vMaxLen = function(ps) {
			var msg = "长度大于";
			if($.type(ps) === "object") {
				msg = ps.msg || (msg + ps.val);
				ps = ps.val;
			} else {
				msg = msg + ps;
			}
			return function(obj) {
				var val = obj.get();
				if(val || (val === "")) {
					if(val.length > ps) {
						return msg;
					}
				}
			};
		},
		impls = {
			"_def": vDef,
			"required": vRequired,
			"max": vMax,
			"min": vMin,
			"len": vLen,
			"minLen": vMinLen,
			"maxLen": vMaxLen
		},
		reg = function(name, hand) {
			impls[name] = hand;
		},
		parseRules = function(obj) {
			var ret = [];
			for(key in obj) {
				var impl = impls[key] || impls["_def"];
				ret.push(impl(obj[key], key));
			}
			return ret;
		},
		configForm = function(form, options) {
			for(var key in options) {
				var item = form.item(key),
					option = options[key];
				if(item && option) {
					item.addRules(parseRules(option));
				}
			}
		};
	return {
		register: reg,
		form: configForm,
	};
});