1 <script> 2 $(function(){ 3 $("#myform").validate( 4 { 5 6 rules: { 7 name:{required:true,rangelength:[6,20], 8 remote:{ //驗證用戶名是否存在 9 type:"POST", 10 url:"loginVerifyAction", //servlet 11 data:{ 12 name:function(){return $("#name").val();} 13 } 14 } 15 }, 16 password: {required:true,minlength:6}, 17 repassword: {required:true,equalTo:"#password"}, 18 veryCode: {required:true, 19 remote:{ 20 type:"POST", 21 url:"valCodeAction", 22 data:{ 23 veryCode:function(){return $("#veryCode").val();} 24 } 25 } 26 } 27 }, 28 messages: { 29 name:{required:"用戶名不能為空!",rangelength:jQuery.format("用戶名位數必須在{0}到{1}字符之間!"),remote:jQuery.format("用戶名已經被注冊")}, 30 password: {required:"密碼不能為空!",minlength:jQuery.format("密碼位數必須大於等於6個字符!")}, 31 repassword: {required:"確認密碼不能為空!",equalTo:"確認密碼和密碼不一致!"}, 32 veryCode: {required:"請輸入驗證碼",remote:jQuery.format("驗證碼錯誤")} 33 } 34 }); 35 }); 36 37 </script> 38 39 40 41 servlet代碼: 42 43 //驗證用戶名是否存在 44 45 public class LoginVerifyAction extends HttpServlet { 46 public void service(HttpServletRequest request, HttpServletResponse response) 47 throws IOException, ServletException { 48 49 response.reset(); 50 response.setContentType("text/html;charset=UTF-8"); 51 //業務邏輯操作countByParams得到值並存儲到num中 52 if(num!=0){ 53 response.getWriter().print(false); 54 } 55 else{ 56 response.getWriter().print(true); 57 } 58 } 59 } 60 61 //驗證驗證碼 62 63 public class ValCodeAction extends HttpServlet { 64 65 public void service(HttpServletRequest request, HttpServletResponse response) 66 throws IOException, ServletException { 67 //得到驗證碼的操作請看另一篇文章 :驗證碼 68 response.setContentType("text/html;charset=UTF-8"); 69 String validateC = request.getSession().getAttribute("validateCode").toString().trim(); 70 String veryCode = request.getParameter("veryCode").trim(); 71 if(veryCode.equals(validateC)){ 72 response.getWriter().print(true); 73 }else{ 74 response.getWriter().print(false); 75 } 76 } 77 78 xml中的配置 : 忽略。。。