【正则】一些常用的正则表达式总结
在日常开发中,正则表达式是非常有用的,正则表达式在每个语言中都是可以使用的,他就跟JSON一样,是通用的。了解一些常用的正则表达式,能大大提高你的工作效率,例如:
- 字符串的匹配
- 表单项的格式校验
今天就给大家分享25个开发中常用的正则表达式吧!!!希望大家能提高代码效率!!!
以下以JS为例,大家可以打开控制台,粘贴进行测试,查看效果
手机号码、身份证、邮箱、URL、IPV4
手机号码的校验
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
手机号(严谨)
根据工信部2019年最新公布的手机号段
/^1((3[\d])|(4[5,6,7,9])|(5[0-3,5-9])|(6[5-7])|(7[0-8])|(8[\d])|(9[1,8,9]))\d{8}$/
手机号(宽松)
只要是13,14,15,16,17,18,19开头即可
/^1[3-9]\d{9}$/
手机号(最宽松),只要是1开头即可, 如果你的手机号是用来接收短信, 优先建议选择这一条
/^1\d{10}$/
国内座机电话
如: 0341-86091234
/\d{3}-\d{8}|\d{4}-\d{7}/
// 或者
/^0\d{2,3}-\d{7,8}$/
身份证的校验
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
一代身份证号(15位数字)
/^\d{8}(0\d|11|12)([0-2]\d|30|31)\d{3}$/
二代身份证号(18位数字)
最后一位是校验位,可能为数字或字符X。
/^\d{6}(18|19|20)\d{2}(0\d|11|12)([0-2]\d|30|31)\d{3}(\d|X|x)$/
身份证号, 支持1/2代(15位/18位数字) 与1.5作用相同
/(^\d{8}(0\d|11|12)([0-2]\d|30|31)\d{3})|(^\\d{6}(18|19|20)\\d{2}(0\\d|11|12)(\[0-2\]\\d|30|31)\\d{3}(\\d|X|x))/
邮箱的校验
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
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
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
16进制颜色、日期、整数、小数
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
日期 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
日期 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
整数的校验
const intReg = /^[-+]?\d*$/
const intNum1 = 12345
console.log(intReg.test(intNum1)) // true
const intNum2 = 12345.1
console.log(intReg.test(intNum2)) // false
小数的校验
const floatReg = /^[-\+]?\d+(\.\d+)?$/
const floatNum = 1234.5
console.log(floatReg.test(floatNum)) // true
保留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
邮编、QQ、微信号、车牌号
邮政编号的校验
const postalNoReg = /^\d{6}$/
const postalNoStr1 = '522000'
console.log(postalNoReg.test(postalNoStr1)) // true
const postalNoStr2 = '5220000'
console.log(postalNoReg.test(postalNoStr2)) // false
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
微信号的校验
说明: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
车牌号的校验
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
新能源车牌号
/[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领 A-Z]{1}[A-HJ-NP-Z]{1}(([0-9]{5}[DF])|([DF][A-HJ-NP-Z0-9][0-9]{4}))$/
非新能源车牌号
/^[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领 A-Z]{1}[A-HJ-NP-Z]{1}[A-Z0-9]{4}[A-Z0-9挂学警港澳]{1}$/
只含字母字符串、包含中文字符串、密码强度、字符串长度
只含字母的字符串
const letterReg = /^[a-zA-Z]+$/
const letterStr1 = 'sunshineLin'
console.log(letterReg.test(letterStr1)) // true
const letterStr2 = 'sunshine_Lin'
console.log(letterReg.test(letterStr2)) // false
包含中文的字符串
const cnReg = /[\u4E00-\u9FA5]/
const cnStr1 = '我是sunshine_Lin,林三心'
console.log(cnReg.test(cnStr1)) // true
const cnStr2 = 'sunshine_Lin'
console.log(cnReg.test(cnStr2)) // false
密码强度的校验
说明:密码中必须包含字母、数字、特称字符,至少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
字符串长度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
文件扩展名、img和src、html中的注释、style、颜色和标签
文件拓展名的校验
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
匹配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
// ]
匹配html中的注释
const noteReg = /<!--(.*?)-->/g
const htmlStr = '<!--一个div标签--> <div></div> <!--一个div标签--> <div></div>'
console.log(noteReg.exec(htmlStr))
// [
// '<!--一个div标签-->',
// '一个div标签',
// index: 0,
// input: '<!--一个div标签--> <div></div> <!--一个div标签--> <div></div>',
// groups: undefined
// ]
console.log(noteReg.exec(htmlStr))
// [
// '<!--一个div标签-->',
// '一个div标签',
// index: 27,
// input: '<!--一个div标签--> <div></div> <!--一个div标签--> <div></div>',
// groups: undefined
// ]
匹配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
// ]
匹配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
// ]
匹配htmlTag(html标签)
const endReg = /<("[^"]*"|'[^']*'|[^'">])*>/g
const htmlStr = '<div ><span ></span></div><h1></h1>'
console.log(endReg.exec(htmlStr))
console.log(endReg.exec(htmlStr))
console.log(endReg.exec(htmlStr))
console.log(endReg.exec(htmlStr))
console.log(endReg.exec(htmlStr))
console.log(endReg.exec(htmlStr))
其他更多
base64格式
/^\s*data:([a-z]+\/[a-z0-9-+.]+(;[a-z-]+=[a-z0-9-]+)?)?(;base64)?,([a-z0-9!&',()\*+;=\\-.\_~:@\\/?%\\s\]\*?)\\s\*/i
数字/货币金额(支持负数、千分位分隔符)
/(^[-]?[1-9]\d{0,2}(|(,\\d{3})\*(∣(,d3)\*(|(\.\d{1,2}))))|((^\[0\](\\.\\d{1,2})?)|(^\[-\]\[0\]\\.\\d{1,2}))/
数字/货币金额 (只支持正数、不支持校验千分位分隔符)
/(^[1-9]([0-9]+)?(\.[0-9]{1,2})?)|(^(0){1})∣(
(0)1)|(^[0-9]\.[0-9]([0-9])?$)/
银行卡号(16或19位)
/^([1-9]{1})(\d{15}|\d{18})$/
中文姓名
/^([\u4e00-\u9fa5·]{2,10})$/
纯中文/汉字
/^[\u4E00-\u9FA5]+$/
只包含中文和数字
/^(([\u4E00-\u9FA5])|(\d))+$/
用户名正则,4到16位
/^[a-zA-Z0-9_-]{4,16}$/ 字母、数字、下划线、减号
密码强度正则
最少6位,包括至少1个大写字母,1个小写字母,1个数字,1个特殊字符
/^.*(?=.{6,})(?=.*\d)(?=.*[A-Z])(?=.*[a-z])(?=.*[!@#%^&\*? \]).\*/