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},

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");
}
}