工作总结篇：如何使用jquery的validate

前言：经过一系列的调查，终于弄清楚了jqgrid的validate的remote用法，用起来很强大，并且很方便，下面进行一些总结

第一步：准备材料jquery.validate.js，加载到你项目中

<script src="js/jquery.validate.js" type="text/javascript"></script>

// http://docs.jquery.com/Plugins/Validation/Methods/remote
		remote: function( value, element, param ) {
			if ( this.optional(element) ) {
				return "dependency-mismatch";
			}

			// 已经验证过了，会从这里面取
			var previous = this.previousValue(element);
			if (!this.settings.messages[element.name] ) {
				this.settings.messages[element.name] = {};
			}
			previous.originalMessage = this.settings.messages[element.name].remote;
			this.settings.messages[element.name].remote = previous.message;

			param = typeof param === "string" && {url:param} || param;

			if ( previous.old === value ) {
				return previous.valid;
			}

			previous.old = value;
			var validator = this;
			this.startRequest(element);
			var data = {};
			data[element.name] = value;
			$.ajax($.extend(true, {
				url: param,// 传递的后台url，来进行数据验证
				mode: "abort",
				port: "validate" + element.name,
				dataType: "json",
				data: data,//传递的参数为对应intput标签对应name和value值
				success: function( response ) {//response为后台返回数据，错误的时候返回错误提示信息，正确的时候返回true
					validator.settings.messages[element.name].remote = previous.originalMessage;
					var valid = response === true || response === "true";//如果返回true，则会进入到if语句，错误提示消失
					if ( valid ) {
						var submitted = validator.formSubmitted;
						validator.prepareElement(element);
						validator.formSubmitted = submitted;
						validator.successList.push(element);
						delete validator.invalid[element.name];
						validator.showErrors();
					} else {
						var errors = {};
						var message = response || validator.defaultMessage( element, "remote" );//如果后台返回有错误提示信息，则不会取默认显示信息
						errors[element.name] = previous.message = $.isFunction(message) ? message(value) : message;
						validator.invalid[element.name] = true;
						validator.showErrors(errors);
					}
					previous.valid = valid;
					validator.stopRequest(element, valid);
				}
			}, param));
			return "pending";
		}

<input type="text" class="required alphanumeric" remote="${ctx}/jade/checkCodeIsExist.do" name="code"/>

@RequestMapping(value = "checkCodeIsExist")
	public void checkCodeIsExist(HttpServletRequest request, HttpServletResponse reponse) throws Exception {
		Jadeinfo jadeinfo = this.jadeinfoDAO.selectByCodeKey(StrUtil.getUTF8String(request.getParameter("code")));

		if (jadeinfo != null && jadeinfo.getDeleteflag() == 0) {
			out("商品代码已存在！", reponse);
		} else {
			out(true, reponse);
		}
	}