validate踩坑笔记（附验证中国手机号实用代码）

最新推荐文章于 2024-04-16 13:27:19 发布

EndymiONE

最新推荐文章于 2024-04-16 13:27:19 发布

阅读量1.5k

点赞数

CC 4.0 BY-SA版权

文章标签： jQuery validate

本文链接：https://blog.youkuaiyun.com/weixin_40624269/article/details/83060905

本文分享了在重构代码过程中遇到的关于手机号验证的bug，详细介绍了如何使用jQuery的$.validator.addMethod自定义验证方法，以及在实现过程中的注意事项。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

今天学习validate，一边学一边重构代码，踩了个坑。

			phone : {
				required : true,
				isPhone : true,
			},
		},
		
		messages : {
        	phone : {
         	   isPhone:"请填写正确的手机号码",
         	   }
        }

注意 messages ：上面的小逗号，就是rules{ key：value} ， messages{ key：value}
之间的逗号，debug找了她娘的一个小时。总以为是我addmodule方法写错了。

/*自定义验证手机号码*/
$.validator.addMethod("isPhone", function(value, element) {
          var length = value.length;
          var mobile = /^(((13[0-9]{1})|(15[0-9]{1})|(16[0-9]{1})|(18[0-9]{1})|(17[0-9]{1}))+\d{8})$/;
          /*optional(element)：用于表单控件的值不为空时才触发验证*/
          return this.optional(element) || (length == 11 && mobile.test(value));
         }, "请填写正确的手机号码");

引以为戒！