jquery-validation + springmvc 表单验证

    JSP 页面

    <script src="${pluginpath}/jquery1.11.3/jquery-1.11.3.min.js" type="text/javascript"></script>
    <!-- validation -->
    <script src="${pluginpath}/jquery-validation/jquery.validate.min.js" type="text/javascript"></script>
    <script src="${pluginpath}/jquery-validation/additional-methods.js" type="text/javascript"></script>
    <script src="${pluginpath}/jquery-validation/localization/messages_zh.min.js" type="text/javascript"></script>
    <link href="${pluginpath}/jquery-validation/jquery.validate.min.css"  rel="stylesheet" type="text/css"></link>

    <form action="${syspath}/login" method="post" target="_top" id="loginform">
    <input type="text" class="form-control" id="username" name="username">
    <input type="password" class="form-control" id="password" name="password" required="true">
    <input type="password" class="form-control" id="password1" name="password1" required="true"       equalTo="#password">
  <button type="submit">登录</button>
 </form>   

    <script type="text/javascript">
        $("#loginform").validate({
            rules:{
                    username:{
                        required:true,
                        async : false,
                        remote: '${syspath}/loginIdCheck'
                    }
           },
              messages: {
                    username: {
                        remote : "该用户名已存在"
                    },
                    password1: {
                        equalTo : '确认密码必须与密码相同'
                    }
                }
        });
    </script>

     后台springmvc controller

     //用户

     @RequestMapping("/loginIdCheck")
     public void getUserIdCheck(HttpServletRequest request, HttpServletResponse reponse) {
        //HttpUtil.getRequestToMap(request);

       String username = request.getParameter("username");

        try {

             //判断用户名是否唯一

            //只能输出 true false

            //reponse.getWriter().write(Boolean.FALSE+"");
            reponse.getWriter().write(Boolean.TRUE+"");
        } catch (IOException e) {
            e.printStackTrace();
        }
    }

转载于:https://my.oschina.net/weaponking/blog/647363