jQuery.validator.addMethod实例

最新推荐文章于 2025-06-04 15:15:11 发布

huangleijay

最新推荐文章于 2025-06-04 15:15:11 发布

阅读量1.9k

点赞数

CC 4.0 BY-SA版权

分类专栏： WEB开发必学必会

本文链接：https://blog.youkuaiyun.com/huangleijay/article/details/11569317

WEB开发必学必会专栏收录该内容

113 篇文章 ¥9.90 ¥99.00

订阅专栏

超级会员免费看

这篇博客展示了如何使用jQuery.validator库自定义各种输入验证方法，包括手机号码、电话号码、邮政编码、QQ号码、IP地址、字母和数字、中文、下拉框选择以及字节长度验证。通过这些实例，读者可以了解如何根据需求定制验证规则。

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

// 手机号码验证
jQuery.validator.addMethod("mobile", function(value, element) {
var length = value.length;
var mobile = /^(((13[0-9]{1})|(15[0-9]{1}))+\d{8})$/
return this.optional(element) || (length == 11 && mobile.test(value));
}, "手机号码格式错误");

// 电话号码验证
jQuery.validator.addMethod("phone", function(value, element) {
var tel = /^(0[0-9]{2,3}\-)?([2-9][0-9]{6,7})+(\-[0-9]{1,4})?$/;
return this.optional(element) || (tel.test(value));
}, "电话号码格式错误");

// 邮政编码验证
jQuery.validator.addMethod("zipCode", function(value, element) {
var tel = /^[0-9]{6}$/;
return this.optional(element) || (tel.test(value));
}, "邮政编码格式错误")