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;
}
}
相关文章推荐
- 在JQuery的validate功能中使用remote实现Ajax功能后台验证
- jQuery formValidator表单校验插件ver3.0全新功能发布,支持自动创建提示层。
- 利用 FormData 对象和 Spring MVC 配合实现Ajax文件下载功能
- jquery+jsp+servlet+ajax实现注册功能,ajax校验用户名、验证码等
- 使用jQuery的formValidator框架对表单数据实现前台校验
- jquery+jsp+servlet+ajax实现注册功能,ajax校验用户名、验证码等(转自他人)
- 基于BootStrap与jQuery.validate实现表单提交校验功能
- jQuery实现 RadioButton做必选校验功能
- jQuery实现返回顶部功能
- jQuery 实现自动填充邮箱功能(带下拉提示)
- JAVAEE——struts2_04:自定义拦截器、struts2标签、登陆功能和校验登陆拦截器的实现
- jquery实现替代iframe的功能
- 基于jQuery实现仿51job城市选择功能实例代码
- jquery 1.12.4 搜索 实现自动完成功能
- 用jQuery + Ajax实现Google输入提示功能
- jQuery+Ajax+PHP实现“喜欢”评级功能附源码下载
- jQuery实现“扫码阅读”功能
- PHP+MySql+jQuery实现的“顶”和“踩”投票功能
- 使用ThinkPHP实现生成/校验验证码功能