美文网首页
前端常用的验证正则

前端常用的验证正则

作者: QLing09 | 来源:发表于2019-11-07 11:28 被阅读0次

平时做验证经常会用到验证字段的正则,有些总不能记完,放在本地也不方便查询,搬到简书上有网就能查看。

新增正则解构赋值和正则,超方便有些场景,以前要写多行,现在只需要简写就OK!

手机号

/^0{0,1}1[0-9]{10}$/

座机号

/^([+]{0,1}\d{3,4}|\d{3,4}-)?\d{7,8}$/

保留两位小数的数字

/^((0)|([1-9][0-9]*)|(([0]\.\d{1,2}|[1-9][0-9]*\.\d{1,2})))$/g

正负数保留两位小数点

/^\-?((0)|([1-9][0-9]*)|(([0]\.\d{1,2}|[1-9][0-9]*\.\d{1,2})))$/g

包含0的正整数

/^(0|([1-9]{1}\d*))$/

6-20个字母、数字、下划线

/^(\w){6,20}$/

只能输入1-30个以字母开头的字串

/^[a-zA-Z]{1,30}$/

5-20个以字母开头、可带数字、“_”、“.”的字串

/^[a-zA-Z]{1}([a-zA-Z0-9]|[._]){4,19}$/

校验邮政编码

/^[a-zA-Z0-9 ]{3,12}$/

中文字符

 /^[\u0391-\uFFE5]+$/

身份证

/(^\d{15}$)|(^\d{17}([0-9]|X)$)/

验证是否是邮箱

/^\w+([-+.]\w+)*@\w+([-.]\w+)*.\w+([-.]\w+)*$/

URL

/^\b(((https?|ftp):\/\/)?[-a-z0-9]+(\.[-a-z0-9]+)*\.(?:com|edu|gov|int|mil|net|org|biz|info|name|museum|asia|coop|aero|[a-z][a-z]|((25[0-5])|(2[0-4]\d)|(1\d\d)|([1-9]\d)|\d))\b(\/[-a-z0-9_:\@&?=+,.!\/~%\$]*)?)$/i

必须包含字母+数字+特殊符号

/^(?=.*[a-zA-Z])(?=.*\d)(?=.*[~!@#$%^&*()_+`\-={}:";'<>,.\/]).{8,16}/

正则具名组匹配

const RE_DATE = /(\d{4})-(\d{2})-(\d{2})/;

const matchObj = RE_DATE.exec('1999-12-31');
const year = matchObj[1]; // 1999
const month = matchObj[2]; // 12
const day = matchObj[3]; // 31
const RE_DATE = /(?<year>\d{4})-(?<month>\d{2})-(?<day>\d{2})/;

const matchObj = RE_DATE.exec('1999-12-31');
const year = matchObj.groups.year; // 1999
const month = matchObj.groups.month; // 12
const day = matchObj.groups.day; // 31

解构赋值和替换

想替换某个对应的正则的符号怎么操作呢?

  • 将日期格式快速转化
let re = /(?<year>\d{4})-(?<month>\d{2})-(?<day>\d{2})/u;
'2020-06-29'.replace(re, '$<day>/$<month>/$<year>')
// '29/06/2020'
  • 快速替换圆角括号和半角括号
let a = '(2018)蜀555执123号'
const re = /((?<year>\d*))/g
let b = a.replace(re, '($<year>)')

相关文章

  • 前端常用的正则验证

    用户名的正则:大小写英文字母,数字,下划线组成,开头必须是字母,8-12位 /^[a-zA-z][a-zA-Z0-...

  • 前端常用的验证正则

    平时做验证经常会用到验证字段的正则,有些总不能记完,放在本地也不方便查询,搬到简书上有网就能查看。 新增正则解构赋...

  • 正则初解

    title: js验证常用正则表达式date: 2017-03-03 验证 正则表达式 本文介绍js验证常用的正则...

  • 前端常用的正则 以及 input正则验证

    前端常用的正则 1.字母、数字、中文、小数 2.日期 3.手机号、座机 4.qq、微信、email 5.用户名、密...

  • 正则判断邮箱格式是否正确

    简介 做表单验证时,我们常用到正则判断,以下是正则的简单使用。

  • 常用正则验证

    var reg = /^[1-9]\d*\.\d*|0\.\d*[1-9]\d*|0?\.0+|0|^\d+$/;...

  • 常用正则验证

    收集在业务中经常使用的正则表达式实例,方便以后进行查找,减少工作量。方便以后自己看看。亲测有效 // 校验基本日期...

  • 常用正则验证

  • 常用正则验证

    1.验证有效数字 以加或者减号开头又或者没有加减号一个数字或者是1-9的多个数字而不以0开头如果有小数点的话后面必...

  • 常用的正则验证

网友评论

      本文标题:前端常用的验证正则

      本文链接:https://www.haomeiwen.com/subject/opjqmctx.html