jquery.validate.js使用说明——后台添加用户邮箱功能：非空、不能重复、格式正确

重点内容为：  jQuery验证控件jquery.validate.js使用说明+中文API【http://www.tuicool.com/articles/iABvI3】

简单教程可以参考【jQuery的validate插件使用整理(传智播客_王昭珽)】

（一）需求介绍

管理员后台添加用户时，邮箱需要满足需求有

（1）不能为空，因为要支持用户使用邮箱登陆

（2）不恩重复，因为要用户使用邮箱登陆所有重复会让使用户登陆报错

（3）格式正确

（二）效果

（三）编码

（1）jsp页面

说明：f:text是自定义标签

validate是一个基于Jquery的表单验证插件，利用他的remote可以用来自定义远程验证 JQuery validate插件Remote用法大全的相关资料（http://www.jb51.net/article/84220.htm） 关键是格式要正确：如   class里面的   email:{email:true},

 <td class="in-lab" width="15%">
 <s:message code="user.email"/>:</td>

 <td class="in-ctt" width="35%" >

 <f:text
 name="email"
 value="${oprt=='edit' ? (bean.email) : ''}"
 class="{
     email:{email:true},
     required:true,
     remote:{url:'check_email.do',
                   type:'post',
                   data:{original:'${oprt=='edit' ? (bean.email) : ''}'}},
     messages:{remote:'${emailExist}'}}"

 style="width:180px;"/>
 </td>

jsp页面对user.email.exist的提示信息用变量emailExist进行了保存

 <c:set var="emailExist">
     <s:message code="user.email.exist"/>
 </c:set>    

user.email.exist信息保存在配置文件中

 user.email.exist=\u7535\u5B50\u90AE\u7BB1\u5DF2\u5B58\u5728  //电子邮箱已存在

（2）controller层方法

     /**
      * 检查邮箱是否存在
      *
      * @return
      * @throws IOException
      */
     @RequestMapping("check_email.do")
     public void checkEmail(String email, String original, HttpServletResponse response) {
         if (StringUtils.isBlank(email)) {
             Servlets.writeHtml(response, "false");
             return;
         }
         if (StringUtils.equals(email, original)) {
             Servlets.writeHtml(response, "true");
             return;
         }
         // 检查数据库是否重名
         boolean exist = service.emailExist(email);
         if (!exist) {
             Servlets.writeHtml(response, "true");
         } else {
             Servlets.writeHtml(response, "false");
         }
     }