validator配合ajx验证，并使用servlet处理json数据

导包一定要先导jquery包，再导jquery.validator包，前后顺序不可以弄混

<script type="text/javascript">
	$(function() {

//绑定form表单的ID
		$("#myForm").validate({
			rules : {

//input标签的name值
				"username" : {
					required : true,
					maxlength : 8,
					checkUN:true
				},
				"password" : {
					required : true
				},
				"repsw" : {
					required : true,
					equalTo : "#psw"
				},
				"email" : {
					required : true,
					email : true
				},
				"name" : {
					required : true
				},
				"birthday" : {
					required : true,
					date : true
				},
				"code" : {
					required : true
				}

			},
			messages : {
				"username" : {
					required : "请输入用户名",
					maxlength : "输入长度不能大于8个字符"
				},
				"password" : {
					required : "请输入密码"
				},
				"repsw" : {
					equalTo : "两次密码输入不一致"
				}
			},
			errorElement : "label",
			highlight : function(element, errorClass)//针对验证的表单添加高亮显示
			{
				$(element).addClass(errorClass);
			},
			success : function(label) {
				label.html("").addClass("valid");
			}
		});
		
		$.validator.addMethod("checkUN",function(){
			var flag = false;
			$.ajax({
				//T1   
				url:"${pageContext.request.contextPath}/user?method=checkUser",
				data:{"username":$("#username").val()},
				dataType:"json",
				type:"post",
				//true 异步
				//false 同步
				async:false,
				//T2
				success:function(data){
					if (data.result)
						flag = true;
				}
			});
			//T3
			return flag;
		},"用户名已存在");
	});
</script>

jQuery validator addMethod自定义验证规则配合了ajx使用，该项目使用ajx时候 使用了同步的刷新方法，因为若是使用异步局部刷新的话，ajax要向后台发送请求并处理，时间复杂度上没有直接return flag快，所以flag会一直为false，这点需要注意。

后台使用servlet来处理 判断数据库中是否存在该用户，控制可否注册

public void checkUser(HttpServletRequest request,
			HttpServletResponse response) throws IOException{
		boolean result = us.findUserByUsername(request.getParameter("username"));
		//{"username":"aaaa","status:200","":{},"":[]}
		String jsonString = "{'result':"+result+"}";

//向页面输出json
		response.getWriter().println(jsonString);
	}

若使用strust来处理json字符串的话，要使用IO流。