bootstrap:bootstrapValidator校验数据是否可用（验证账户名是否重复）

 

目录

 

1、html内容

2、bootstrap的校验

3、控制层代码：

4、业务层核心代码

5、效果

---

1、html内容

				
				

					账户：
					
				
				

					密码：
					
				
				
			

2、bootstrap的校验

/*!
 * demo专用js
 * 
 */

// 校验的渲染
$("#jangleEditForm").bootstrapValidator({
	message : 'This value is not valid',
	feedbackIcons : {
		valid : 'glyphicon glyphicon-ok',
		invalid : 'glyphicon glyphicon-remove',
		validating : 'glyphicon glyphicon-refresh'
	},
	fields : {
		code : {
			validators : {
				notEmpty : {
					message : "请输入账户，用于登录"
				},
				remote:{
					message :"账户已被注册",
					url:'/bsUserCtrl/valid',
					delay:1000,
					type:"POST"
				}
			}
		}
	}
});

3、控制层代码：

@Controller
@RequestMapping("/bsUserCtrl")
public class BsUserCtrl {

	@Autowired
	private BsUserService bsUserService;

	@RequestMapping("valid")
	@ResponseBody
	Map valid(@RequestParam(required = false) String code) {
		return bsUserService.valid(code);
	}

}

4、业务层核心代码

@Service
public class BsUserServiceImpl implements BsUserService {
	
	@Autowired
	private BsUserMapper bsUserMapper;

	@Override
	public Map valid(String code) {
		Map map = new HashMap();
        // 根据账号查询是否存在用户
		BsUser user = bsUserMapper.selectByCode(code);
		if(user == null) {
			map.put("valid", true);
		}else {
			map.put("valid", false);
		}
		return map;
	}

}

5、效果