视频1 视频21 视频41 视频61 视频文章1 视频文章21 视频文章41 视频文章61 推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37 推荐39 推荐41 推荐43 推荐45 推荐47 推荐49 关键词1 关键词101 关键词201 关键词301 关键词401 关键词501 关键词601 关键词701 关键词801 关键词901 关键词1001 关键词1101 关键词1201 关键词1301 关键词1401 关键词1501 关键词1601 关键词1701 关键词1801 关键词1901 视频扩展1 视频扩展6 视频扩展11 视频扩展16 文章1 文章201 文章401 文章601 文章801 文章1001 资讯1 资讯501 资讯1001 资讯1501 标签1 标签501 标签1001 关键词1 关键词501 关键词1001 关键词1501 专题2001
JavaScript分步实现一个出生日期的正则表达式
2020-11-27 19:45:22 责编:小采
文档
 本文把出生日期分割成几个部分,分步地介绍了实现一个出生日期校验的完整过程。对出生日期正则表达式感兴趣的朋友参考下吧

简言

在表单验证中,经常会用正则表达式做出生日期校验。本文把出生日期分割成几个部分,分步地介绍了实现一个出生日期校验的完整过程。相信您在理解了本篇的内容后,对编写正则表达式会有更深入的理解和更强的信心。


我们将一个形式如 2018-06-15 的出生日期分割个年份,月份和日期三个组成部分,分别来编写相应的正则。

1 年份正则

首先给出年份正则表达式的规则定义:

  • 年份由4位数字组成

  • 只接受19,20开头的年份

  • 根据以上规则,很容易写出年份的正则表达式:

    输出 true
    console.log(pattern.test("2008"));

    其中/ /两个斜杠及其中间的字符是正则表达式直接量的定义;^表示匹配字符串的开头,$表示匹配字符串的结尾;^(19|20)表示匹配以19或20开头的字符串,一对小括号作用是将几项组合为一个单元;而\d{2}表示匹配任意ASCII数字2次,\d等价于[0-9],而{2}则表示匹配前一项2次。

    上述正则表达式可以匹配1900至2099这些年份,如果想年份的范围,增加规则如下:

  • 年份起始于1920年

  • 年份终止于2018年

  • 根据以上规则,变更正则表达式如下:

    输出 false
    console.log(pattern.test("1916"));
    //输出 true
    console.log(pattern.test("2008"));
    //输出 false
    console.log(pattern.test("2022"));

    2 月份正则

    首先给出月份正则表达式的规则定义:

  • 月份可以是1-12

  • 月份如果是1-9,则前面可加0

  • 根据以上规则,给出如下正则及简单测试:

    输出 false
    console.log(pattern.test("19"));
    //输出 true
    console.log(pattern.test("02"));
    //输出 true
    console.log(pattern.test("2"));
    //输出 true
    console.log(pattern.test("11"));

    3 日期正则

    首先给出日期正则表达式的规则定义:

  • 日期可以是1-31

  • 如果日期是1-9,则前面可加0

  • 根据以上规则,给出如下正则及简单测试:

    输出 false
    console.log(pattern.test("32"));
    //输出 true
    console.log(pattern.test("02"));
    //输出 true
    console.log(pattern.test("2"));

    4 组合校验

    根据上述的年份正则,月份正则,日期正则组合形成出生日期的正则表达式:

    输出 true
    console.log(pattern.test("1923-3-18"));
    //输出 true
    console.log(pattern.test("1923-4-31"));
    //输出 true
    console.log(pattern.test("1923-2-29"));
    //输出 true
    console.log(pattern.test("2016-2-29"));

    从以上测试结果可以看出,上述正则验证还不完善,主要是2,4,6,9,11月份的天数问题。

    5 完善

    根据第4步的问题,增加限定规则如下:

  • 4,6,9,11月没有31日

  • 2月平年是28天

  • 2月闰年是29天

  • 平年闰年判定:

    能被4整除的年份是闰年,不能被4整除的年份是平年。但是如果是整百年,就只有能被400整除才是闰年,否则就是平年。

    根据新增规则及说明,给出下面正则函数及测试:

    输出 true
    console.log(checkBirth("1923-3-18"));
    //输出 false 4月份没有31日
    console.log(checkBirth("1923-4-31"));
    //输出 false 平年
    console.log(checkBirth("1923-2-29"));
    //输出 true 闰年
    console.log(checkBirth("2016-2-29"));

    上述正则表达式中利用了String的match()方法,该方法唯一参数是一个正则表达式,返回的是一个由匹配结果组成的数组。数组的第一个元素就是匹配的字符串,余下的元素则是正则表达式中用圆括号括起来的子表达式。而(:?...)这种形式多次出现,该种方式表示只是把项组合到一个单元,但不记忆与该组相匹配的字符。利用该种方法按照正则匹配的顺序分别取出了年月日项,以便后序比较。

    根据上述分析与测试,我们不但实现了年月日的正则的一般判定,还实现了日期范围及2,4,6,9,11月等特殊月份天数的处理,测验结果达到了我们设定的目标。

    根据上述讲解和分析,我们可以调整相应的限定规则,使其满足于特定场景下的项目需要。

    延伸

    根据 V2EX网友 xiangyuecn 的意见,上述checkBirth的逻辑代码太多,确实有点 low。现将上述代码更新如下:

    上面是我整理给大家的,希望今后会对大家有帮助。

    相关文章:

    Ajax全局加载框(Loading效果)的配置

    反向Ajax 30分钟快速掌握

    Ajax实现智能提示搜索功能

    下载本文
    显示全文
    专题