validate的用法

引入

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

使用方法

<script type="text/javascript">
			$(function(){
				$("#form1").validate({
					rules:{
						uname:"required",
						upass:{required:true,digits:true,minlength:6,maxlength:12},
						repass:{equalTo:"#upass"},
						uage:{max:150,min:0}
					},
					messages:{
						uname:"用戶名必填",
						upass:{
							required:"密碼必填",
							digits:"密碼必須是整數",
							minlength:"密碼至少6位",
							maxlength:"密碼不能超過12位"
						},
						repass:"密碼不一致",
						uage:{
							max:"年齡不能超過{0}",
							min:"年齡不能小於0"
						}
					}
				});
			})
			
		</script>

<form id="form1" action="index2.html" method="get">
		username:<input type="text" name="uname"><br>
		password:<input type="text" name="upass" id="upass"><br>
		repeatpassword:<input type="text" name="repass"><br>
	    age:<input type="text" name="uage"><br>
		<input type="submit" value="提交">
	</form>

若用validate調用後臺方法,返回值只能爲boolean

      <script type="text/javascript">
           $(function(){
               $("form").validate({
                   rules:{
                       yuanpass:{required:true,
                           remote:"/user/checkpass"},
                       userPs:{required:true,minlength:6},
                       newpass2:{required:true,equalTo:"#userPs"}
                   },
                   messages:{
                       yuanpass:{
                           required:"請輸入原密碼",
                           remote:"與原密碼不一致"
                       },
                       userPs:{
                           required:"請輸入新密碼",
                           minlength:"新密碼至少6位"
                       },
                       newpass2:{
                           required:"請輸入重複密碼",
                           equalTo:"兩次密碼要一致"
                       }
                   }
               })
           })

    </script>

後臺接收數據

   //驗證密碼
    @RequestMapping("/user/checkpass")
    public void  checkpass(String yuanpass,ModelMap map,HttpServletResponse response){
         UserTb userTb=(UserTb) map.get("u1");
        response.setContentType("text/html;charset=utf-8");
        try {
            PrintWriter out=response.getWriter();
            if(userTb.getUserPs().equals(yuanpass)){
                out.print(true);
            }else{
                out.print(false);
            }
        } catch (IOException e) {
            e.printStackTrace();
        }
    }