您的位置:首页 > Web前端 > JQuery

jquery validator remote配合spring mvc实现校验功能

2018-01-07 16:35 393 查看
$("#save_form").validate({
onkeyup:false,
rules:{
apiUsername:{
remote:{
type:"POST",
url:"/business/checkapi",
data:{
apiUsername:function(){
var target=$("#apiUsername").val();
return target;
}
}
}
},
serviceName:{
remote:{
type:"POST",
url:"/business/checkservicename",
data:{
serviceName:function(){
var target=$("#serviceName").val()+"_"+$("#companyName").val();
return target;
}
}
}
},
serviceCode:{
remote:{
type:"POST",
url:"/business/checkservicecode",
data:{
serviceCode:function(){
var target=$("#serviceCode").val()+"_"+$("#companyName").val();
return target;
}
}
}
}
},
messages:{
apiUsername:{
remote:"API账户已存在"
},
serviceName:{
remote:"业务名称已存在"
},
serviceCode:{
remote:"业务代码已存在"
}
},submitHandler : function(form) {
form.submit();
}
});

页面jquery代码编写如上,直接在remote中传入一个指定的url路径,然后controller编写相关方法,返回true和false即可完成校验.

controller的代码如下所示:

@RequestMapping("/checkservicecode")
@ResponseBody
public boolean checkServiceCode(String serviceCode) {
if(!businessService.checkServiceCode(serviceCode)) {
return true;
}else {
return false;
}
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: