正则 | 25个常用的正则表达式

1、手机号码的校验

const phoneReg = /^[1][3,4,5,6,7,8,9][0-9]{9}$/

const phoneStr1 = '18886233487'

console.log(phoneReg.test(phoneStr1)) // true

const phoneStr2 = '17283017203897'

console.log(phoneReg.test(phoneStr2)) // false

2、身份证的校验

const sfzReg = /^[1-9]\d{5}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/

const sfzStr1 = '415106199801012130'

console.log(sfzReg.test(sfzStr1)) // true

const sfzStr2 = '718381298381212183'

console.log(sfzReg.test(sfzStr2)) // false

3、邮箱的校验

const emailReg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/

const emailStrWY = '956666@163.com' // 163邮箱

const emailStrQQ = '956666@qq.com' // qq邮箱

console.log(emailReg.test(emailStrWY)) // true

console.log(emailReg.test(emailStrQQ)) // true

const noEmail = '72873213.com'

console.log(emailReg.test(noEmail)) // false

4、URL的校验

const urlReg = /^((https?|ftp|file):\/\/)?([\da-z\.-]+)\.([a-z\.]{2,6})([\/\w \.-]*)*\/?$/

const urlStr1 = 'https://haha.sunshine.com/xxx/xxx'

console.log(urlReg.test(urlStr1)) // true

const urlStr2 = 'sss://haha.sunshine.com/xxx/xxx'

console.log(urlReg.test(urlStr2)) // false

5、IPv4的校验

const ipv4Reg = /^(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)$/

const ipv4Str1 = '122.12.56.65'

console.log(ipv4Reg.test(ipv4Str1)) // true

const ipv4Str2 = '122.12.56.655'

console.log(ipv4Reg.test(ipv4Str2)) // false

6、16进制颜色的校验

const color16Reg = /^#?([a-fA-F0-9]{6}|[a-fA-F0-9]{3})$/

const color16Str1 = '#fff'

console.log(color16Reg.test(color16Str1)) // true

const color16Str2 = '#1234567'

console.log(color16Reg.test(color16Str2)) // false

7、日期 YYYY-MM-DD

const dateReg = /^\d{4}(\-)\d{1,2}\1\d{1,2}$/

const dateStr1 = '2021-10-10'

console.log(dateReg.test(dateStr1)) // true

const dateStr2 = '2021-01-01 1'

console.log(dateReg.test(dateStr2)) // false

8、日期 YYYY-MM-DD hh:mm:ss

const dateReg = /^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2}) (\d{1,2}):(\d{1,2}):(\d{1,2})$/

const dateStr1 = '2021-10-10 16:16:16'

console.log(dateReg.test(dateStr1)) // true

const dateStr2 = '2021-10-10 16:'

console.log(dateReg.test(dateStr2)) // false

9、整数的校验

const intReg = /^[-+]?\d*$/

const intNum1 = 12345

console.log(intReg.test(intNum1)) // true

const intNum2 = 12345.1

console.log(intReg.test(intNum2)) // false

10、小数的校验

const floatReg = /^[-\+]?\d+(\.\d+)?$/

const floatNum = 1234.5

console.log(floatReg.test(floatNum)) // true

11、保留n位小数

function checkFloat(n) { return new RegExp(`^([1-9]+[\d]*(.[0-9]{1,${n}})?)$`)}// 保留2位小数

const floatReg = checkFloat(2)

const floatNum1 = 1234.5

console.log(floatReg.test(floatNum1)) // true

const floatNum2 = 1234.55

console.log(floatReg.test(floatNum2)) // true

const floatNum3 = 1234.555

console.log(floatReg.test(floatNum3)) // false

12、邮政编号的校验

const postalNoReg = /^\d{6}$/

const postalNoStr1 = '522000'

console.log(postalNoReg.test(postalNoStr1)) // true

const postalNoStr2 = '5220000'

console.log(postalNoReg.test(postalNoStr2)) // false

13、QQ号的校验

说明：5-11位数字

const qqReg = /^[1-9][0-9]{4,10}$/

const qqStr1 = '1915801633'

console.log(qqReg.test(qqStr1)) // true

const qqStr2 = '191580163333'

console.log(qqReg.test(qqStr2)) // false

14、微信号的校验

说明：6至20位，以字母开头，字母，数字，减号，下划线

const wxReg = /^[a-zA-Z]([-_a-zA-Z0-9]{5,19})+$/

const wxStr1 = 'linsanxin885577'

console.log(wxReg.test(wxStr1)) // true

const wxStr2 = '厉害了我的vx'

console.log(wxReg.test(wxStr2)) // false

15、车牌号的校验

const carNoReg = /^[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领A-Z]{1}[A-Z]{1}[A-Z0-9]{4}[A-Z0-9挂学警港澳]{1}$/

const carNoStr1 = '粤A12345'

console.log(carNoReg.test(carNoStr1)) // true

const carNoStr2 = '广东A12345'

console.log(carNoReg.test(carNoStr2)) // false

16、只含字母的字符串

const letterReg = /^[a-zA-Z]+$/

const letterStr1 = 'sunshineLin'

console.log(letterReg.test(letterStr1)) // true

const letterStr2 = 'sunshine_Lin'

console.log(letterReg.test(letterStr2)) // false

17、包含中文的字符串

const cnReg = /[\u4E00-\u9FA5]/

const cnStr1 = '我是sunshine_Lin，林三心'

console.log(cnReg.test(cnStr1)) // true

const cnStr2 = 'sunshine_Lin'

console.log(cnReg.test(cnStr2)) // false

18、密码强度的校验

说明：密码中必须包含字母、数字、特称字符，至少8个字符，最多30个字符

const passwordReg = /(?=.*[0-9])(?=.*[a-zA-Z])(?=.*[^a-zA-Z0-9]).{8,30}/

const password1 = 'sunshine_Lin12345..'

console.log(passwordReg.test(password1)) // true

const password2 = 'sunshineLin12345'

console.log(passwordReg.test(password2)) // false

19、字符串长度n的校验

function checkStrLength(n) { return new RegExp(`^.{${n}}$`)}// 校验长度为3的字符串

const lengthReg = checkStrLength(3)

const str1 = 'hhh'

console.log(lengthReg.test(str1)) // true

const str2 = 'hhhhh'

console.log(lengthReg.test(str2)) // false

20、文件拓展名的校验

function checkFileName (arr) { arr = arr.map(name => `.${name}`).join('|') return new RegExp(`(${arr})$`)}

const filenameReg = checkFileName(['jpg', 'png', 'txt'])

const filename1 = 'sunshine.jpg'

console.log(filenameReg.test(filename1)) // true

const filename2 = 'sunshine.png'

console.log(filenameReg.test(filename2)) // true

const filename3 = 'sunshine.txt'

console.log(filenameReg.test(filename3)) // true

const filename4 = 'sunshine.md'

console.log(filenameReg.test(filename4)) // false

21、匹配img和src

const imgReg = /<img.*?src=[\"|\']?(.*?)[\"|\']?\s.*?>/ig

const htmlStr = '<div></div><img src="sunshine.png" /><img src="sunshine111.png" />'

console.log(imgReg.exec(htmlStr))

// [

// '<img src="sunshine.png" />',

// 'sunshine.png',

// index: 11,

// input: '<div></div><img src="sunshine.png" /><img src="sunshine111.png" />',

// groups: undefined

// ]

console.log(imgReg.exec(htmlStr))

// [

// '<img src="sunshine111.png" />',

// 'sunshine111.png',

// index: 37,

// input: '<div></div><img src="sunshine.png" /><img src="sunshine111.png" />',

// groups: undefined

// ]

22、匹配html中的注释

const noteReg = //g

const htmlStr = ' <div></div>  <div></div>'

console.log(noteReg.exec(htmlStr))

// [

// '',

// '一个div标签',

// index: 0,

// input: ' <div></div>  <div></div>',

// groups: undefined

// ]

console.log(noteReg.exec(htmlStr))

// [

// '',

// '一个div标签',

// index: 27,

// input: ' <div></div>  <div></div>',

// groups: undefined

// ]

23、匹配html中的style

const styleReg = /([(\s+\w+=)|>])/g

const htmlStr = '<div><span></span></div>'

console.log(styleReg.exec(htmlStr))

// [

// '>',

// index: 5,

// input: '<div><span></span></div>',

// groups: undefined

// ]

console.log(styleReg.exec(htmlStr))

// [

// '>',

// index: 36,

// input: '<div><span></span></div>',

// groups: undefined

// ]

24、匹配html中的颜色

const colorReg = /#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})/g

const htmlStr = '<div><span></span></div>'

console.log(colorReg.exec(htmlStr))

// [

// '#000',

// '000',

// index: 23,

// input: '<div><span></span></div>',

// groups: undefined

// ]

console.log(colorReg.exec(htmlStr))

// [

// '#fff',

// 'fff',

// index: 49,

// input: '<div><span></span></div>',

// groups: undefined

// ]

25、匹配htmlTag（html标签）

const endReg = /<("[^"]*"|'[^']*'|[^'">])*>/g

const htmlStr = '<div><span></span></div><h1></h1>'

console.log(endReg.exec(htmlStr))

原文链接

人面猴
序言：七十年代末，一起剥皮案震惊了整个滨河市，随后出现的几起案子，更是在滨河造成了极大的恐慌，老刑警刘岩，带你破解...
沈念sama阅读 217,185评论 6赞 503
死咒
序言：滨河连续发生了三起死亡事件，死亡现场离奇诡异，居然都是意外死亡，警方通过查阅死者的电脑和手机，发现死者居然都...
沈念sama阅读 92,652评论 3赞 393
救了他两次的神仙让他今天三更去死
文/潘晓璐我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
开封第一讲书人阅读 163,524评论 0赞 353
道士缉凶录：失踪的卖姜人
文/不坏的土叔我叫张陵，是天一观的道长。经常有香客问我，道长，这世上最难降的妖魔是什么？我笑而不...
开封第一讲书人阅读 58,339评论 1赞 293
港岛之恋（遗憾婚礼）
正文为了忘掉前任，我火速办了婚礼，结果婚礼上，老公的妹妹穿的比我还像新娘。我一直安慰自己，他们只是感情好，可当我...
茶点故事阅读 67,387评论 6赞 391
恶毒庶女顶嫁案：这布局不是一般人想出来的
文/花漫我一把揭开白布。她就那样静静地躺着，像睡着了一般。火红的嫁衣衬着肌肤如雪。梳的纹丝不乱的头发上，一...
开封第一讲书人阅读 51,287评论 1赞 301
城市分裂传说
那天，我揣着相机与录音，去河边找鬼。笑死，一个胖子当着我的面吹牛，可吹牛的内容都是我干的。我是一名探鬼主播，决...
沈念sama阅读 40,130评论 3赞 418
双鸳鸯连环套：你想象不到人心有多黑
文/苍兰香墨我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
开封第一讲书人阅读 38,985评论 0赞 275
万荣杀人案实录
序言：老挝万荣一对情侣失踪，失踪者是张志新（化名）和其女友刘颖，没想到半个月后，有当地人在树林里发现了一具尸体，经...
沈念sama阅读 45,420评论 1赞 313
护林员之死
正文独居荒郊野岭守林人离奇死亡，尸身上长有42处带血的脓包…… 初始之章·张勋以下内容为张勋视角年9月15日...
茶点故事阅读 37,617评论 3赞 334
白月光启示录
正文我和宋清朗相恋三年，在试婚纱的时候发现自己被绿了。大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
茶点故事阅读 39,779评论 1赞 348
活死人
序言：一个原本活蹦乱跳的男人离奇死亡，死状恐怖，灵堂内的尸体忽然破棺而出，到底是诈尸还是另有隐情，我是刑警宁泽，带...
沈念sama阅读 35,477评论 5赞 345
日本核电站爆炸内幕
正文年R本政府宣布，位于F岛的核电站，受9级特大地震影响，放射性物质发生泄漏。R本人自食恶果不足惜，却给世界环境...
茶点故事阅读 41,088评论 3赞 328
男人毒药：我在死后第九天来索命
文/蒙蒙一、第九天我趴在偏房一处隐蔽的房顶上张望。院中可真热闹，春花似锦、人声如沸。这庄子的主人今日做“春日...
开封第一讲书人阅读 31,716评论 0赞 22
一桩弑父案，背后竟有这般阴谋
文/苍兰香墨我抬头看了看天上的太阳。三九已至，却和暖如春，着一层夹袄步出监牢的瞬间，已是汗流浃背。一阵脚步声响...
开封第一讲书人阅读 32,857评论 1赞 269
情欲美人皮
我被黑心中介骗来泰国打工，没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留，地道东北人。一个月前我还...
沈念sama阅读 47,876评论 2赞 370
代替公主和亲
正文我出身青楼，却偏偏与公主长得像，于是被迫代替她去往敌国和亲。传闻我的和亲对象是个残疾皇子，可洞房花烛夜当晚...
茶点故事阅读 44,700评论 2赞 354

正则 | 25个常用的正则表达式

推荐阅读更多精彩内容