自定义校验

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/A1342772/article/details/82183835

自定义校验规则步骤如下:

(1) 使用$.validator.addMethod("校验规则名称",function(value,element,params)){}

(2) 在rules中通过校验规则名称使用校验规则

(3) 在messages中定义该规则对应的错误提示信息

其中: value是校验组件的value值

element是校验组件的节点对象

params是校验规则的参数

验证用户名是否存在

/自定义校验规则
	$.validator.addMethod(
		//规则的名称
		"checkUsername",
		//校验的函数
		function(value,element,params){
			
			//定义一个标志
			var flag = false;
			
			//value:输入的内容
			//element:被校验的元素对象
			//params:规则对应的参数值
			//目的:对输入的username进行ajax校验
			$.ajax({
				"async":false,
				"url":"${pageContext.request.contextPath}/checkUsername",
				"data":{"username":value},
				"type":"POST",
				"dataType":"json",
				"success":function(data){
					flag = data.isExist;
				}
			});
			
			
			//返回false代表该校验器不通过
			return !flag;
		}
		
	);

猜你喜欢

转载自blog.csdn.net/A1342772/article/details/82183835