利用layer的表单验证form verify验证数据,自定义ajax进行查询,最重要的是查询结果不能异步,实现的步骤和jquery validate 的表单验证有点类似
async:false,
var form = layui.form();
form.verify({
title : function(value) {
if(value == ''){
return '登录名不能为空';
}
if (value.length > 25) {
return '不能输入大于25个字符';
}
var usersData ;
$.ajax({
type : "get",
url : "/user/existLoginName",
async:false,
dataType : "json",
data:{
'loginName':value
},
success : function(data) {
usersData = data;
}
});
if (usersData == 1) {
return '登录名已经存在';
}
},
number : [/^[0-9]*$/, '必须输入数字啊']
}); 服务端是springboot,代码如下:
@GetMapping("existLoginName")
public int existLoginName(String loginName) {
logger.info("查询是否有登录账号...");
return userService.existLoginName(loginName);
}