jQuery.validation增加自定义验证

最新推荐文章于 2025-06-21 10:46:16 发布

layznet

最新推荐文章于 2025-06-21 10:46:16 发布

阅读量352

点赞数

CC 4.0 BY-SA版权

分类专栏： javascript 文章标签： jquery validation 自定义验证

本文链接：https://blog.youkuaiyun.com/layznet/article/details/84015103

javascript 专栏收录该内容

3 篇文章

订阅专栏

本文介绍如何在jQuery中增加自定义验证方法，包括IP地址验证和电话号码格式验证。通过简单示例展示如何使用这些自定义验证规则。

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

方法：在jquery.validate.min.js下增加类似如下自定义校验代码：


// jQuery.validator增加IP验证
  jQuery.validator.addMethod("ip", function(value, element) {
    return this.optional(element) || (/^(\d+)\.(\d+)\.(\d+)\.(\d+)$/.test(value) && (RegExp.$1 < 256 && RegExp.$2 < 256 && RegExp.$3 < 256 && RegExp.$4 < 256));
  }, "Please enter a valid ip address.");

/* 采用不严格的方式验证电话号码。只要电话号码由数字或者数字加"-"(最多两个"-")组 *合构成，均符合。比如：400-823-823， 95555, 010-81567415, 18857107619
 * */
jQuery.validator.addMethod("lenientTel", function(value, element) {
  return this.optional(element) || (/^([0-9]{1,9}(\-)?)?([0-9]{1,9}){1}(\-[0-9]{1,9})?$/.test(value));
}, "电话号码格式错误!");

使用：
<input type="text" name="tel" id="tel" class="lenientTel" />
或者
<input type="text" name="tel" id="tel" class="{lenientTel:true}" />