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

最新推荐文章于 2018-10-29 10:18:08 发布

飞翔的乌龟

最新推荐文章于 2018-10-29 10:18:08 发布

阅读量502

点赞数

分类专栏： Javascript

本文链接：https://blog.csdn.net/u013533380/article/details/78995570

版权

Javascript 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

$("#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;
		}
	}