一、引入相关jar包
<!-- 支持JSR303校验 -->
<!-- https://mvnrepository.com/artifact/org.hibernate/hibernate-validator -->
<dependency>
<groupId>org.hibernate</groupId>
<artifactId>hibernate-validator</artifactId>
<version>5.4.2.Final</version>
</dependency>
二、修改javabean
public class Employee {
private Integer empId;
@Pattern(regexp="(^[a-zA-Z0-9_-]{6,16}$)|(^[\\u2E80-\\u9FFF]{2,5})",message="用户名必须是2-5位中文或者6-16位英文和数字的组合")
private String empName;
private String gender;
@Pattern(regexp="^([a-z0-9_\\.-]+)@([\\da-z\\.-]+)\\.([a-z\\.]{2,6})$",message="邮箱格式不正确")
private String email;
private Integer dId;
}
注:1、其中get、set方法省略
2、正则表达式验证和js有些区别,凡是\前面都要再加一个\
三、修改Controller
/**
* 员工保存
* 1.支持JSR303校验
* 2.导入Hibernate-Validator
*
* @return
*/
@RequestMapping(value="/emp",method=RequestMethod.POST)
@ResponseBody
public Msg saveEmp(@Valid Employee employee,BindingResult result) {
if (result.hasErrors()) {
//校验失败应该返回失败,在模态框中显示失败提示信息
//封装错误信息
Map<String, Object> map = new HashMap();
List<FieldError> errors = result.getFieldErrors();
for (FieldError fieldError : errors) {
System.out.println("错误的字段名:"+fieldError.getField());
System.out.println("错误的信息:"+fieldError.getDefaultMessage());
map.put(fieldError.getField(), fieldError.getDefaultMessage());
}
return Msg.fail().add("errorFiled", map);
}else{
employeeService.saveEmp(employee);
return Msg.success();
}
}
注:1、添加@Valid注解
2、BindingResult返回验证信息
五、jsp页面处理
$.ajax({
url:"${APP_PATH}/emp",
type:"POST",
data:$("#empAddModal form").serialize(),
success:function(result){
if(result.code == 100){
//员工保存成功;
//来到最后一页,显示刚才保存的数据
//发送ajax请求显示最后一页数据即可
to_page(totalRecord);
}else{
//显示失败信息
//console.log(result);
//有哪个字段的错误信息就显示哪个字段的;
if(undefined != result.extend.errorFields.email){
//显示邮箱错误信息
show_validate_msg("#email_add_input", "error", result.extend.errorFields.email);
}
if(undefined != result.extend.errorFields.empName){
//显示员工名字的错误信息
show_validate_msg("#empName_add_input", "error", result.extend.errorFields.empName);
}
}
}
});
六、附Msg错误处理类
public class Msg {
//状态码:100-成功;200-失败
private int code;
//提示信息
private String msg;
//用户要返回给浏览器的数据
private Map<String, Object> extend = new HashMap<String,Object>();
//请求成功方法
public static Msg success() {
Msg result = new Msg();
result.setCode(100);
result.setMsg("处理成功");
return result;
}
//请求失败方法
public static Msg fail() {
Msg result = new Msg();
result.setCode(200);
result.setMsg("处理失败");
return result;
}
//添加可以链式绑定返回数据的方法
public Msg add(String key,Object value) {
this.getExtend().put(key, value);
return this;
}
//get&set方法
}