自定义jquery.validate验证方法

最新推荐文章于 2024-03-14 07:00:00 发布

原创最新推荐文章于 2024-03-14 07:00:00 发布 · 271 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jquery-validate

jquery 专栏收录该内容

1 篇文章

订阅专栏

本文介绍如何使用jQuery Validate插件添加自定义的验证规则，具体演示了如何禁止用户名包含下划线，并将该规则应用于表单字段。通过示例代码，读者可以学习到如何扩展Validate插件的功能。

//给validate插件添加一个验证的方法(添加一个验证的规则)
	   $.validator.addMethod(
			   "checkAccount",//自定义校验规则的名称
			   function(value,element,params){//自定义校验规则的实现
				   //value：input框中输入的值
				   //element: 被验证的标签
				   //params：改校验规方法中传进来的参数
				   //校验方法在用户每次修改被验证的输出框都会自动进行验证


				   var pattern = /^.*[_].*$/;
				   var result = value.match(pattern);
				   if(result != null){
					   return false;
				   }else{
					   return true;
				   }
			   },
			   "账号不能包含(_)下划线"
	   );

		$('#form1').validate({
			rules : {
				/*contactNameCn : {
					required : true
				},
				contactNameEn : {
					required : true
				},*/
                contactAccount : {
					required : true,
					//这个属性的值暂时没有意义些什么都可以，但是必须得写
					checkAccount: "balabala"
				},
                password : {
                    required : true
                }
			}
		})