前台部分代码:
validator = $("#inputForm").validate({
rules: {
loginAccount: {
required: true,
remote: {
url: "${ctx}/thirdOrg/verifyAccount",
type: "post",
dataType: "json",
data: {
loginAccount: function() {
return $("#loginAccount").val();
}
}
}
}
},
messages:{
loginAccount:{
remote:"账号已存在"
}
}
});
后台部分代码:
@ResponseBody
@RequestMapping(value="/verifyAccount")
public boolean verifyAccount(@RequestParam String loginAccount){
...你的校验逻辑...
return true或false;
}
inputForm是<form>标签的id
rules中定义每一个form表单字段校验的规则,规则和form表单中是通过name关联的
remote可以配置url和data向后台发请求,修改form表单时就会触发效验规则,就会自动向后台发起请求,后台只能返回true或false,true是通过校验,false是未通过
messages是我们根据rules中每一个form规则定义的未通过的情况下提示用户的消息
效果如下:
下边是依赖的script库
<script src="js/jquery.js" type="text/javascript"></script>
<script src="js/jquery.validate.js" type="text/javascript"></script>