1、手机号码的校验
const phoneReg = /^[1][3,4,5,6,7,8,9][0-9]{9}$/
const phoneStr1 = '13058810100'
console.log(phoneReg.test(phoneStr1)) // true
const phoneStr2 = '130588101011'
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 = '100100@163.com' // 163邮箱
const emailStrQQ = '100100@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://www.ipkd.cn/xxx/xxx'
console.log(urlReg.test(urlStr1)) // true
const urlStr2 = 'sss://www.ipkd.cn/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}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})(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 = 'ipkdCn' console.log(letterReg.test(letterStr1)) // true const letterStr2 = 'ipkd_cn' console.log(letterReg.test(letterStr2)) // false
17、包含中文的字符串
const cnReg = /[u4E00-u9FA5]/ const cnStr1 = '我是ipkd_cn，林三心' console.log(cnReg.test(cnStr1)) // true const cnStr2 = 'ipkd_cn' console.log(cnReg.test(cnStr2)) // false
18、密码强度的校验
说明：密码中必须包含字母、数字、特称字符，至少8个字符，最多30个字符
const passwordReg = /(?=.*[0-9])(?=.*[a-zA-Z])(?=.*[^a-zA-Z0-9]).{8,30}/
const password1 = 'ipkd_cn12345..'
console.log(passwordReg.test(password1)) // true
const password2 = 'ipkdCn12345'
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 = 'ipkd.jpg'
console.log(filenameReg.test(filename1)) // true
const filename2 = 'ipkd.png'
console.log(filenameReg.test(filename2)) // true
const filename3 = 'ipkd.txt'
console.log(filenameReg.test(filename3)) // true
const filename4 = 'ipkd.md'
console.log(filenameReg.test(filename4)) // false
21、匹配img和src
const imgReg = /<img.*?src=["|']?(.*?)["|']?s.*?>/ig const htmlStr = '<div></div><img src="ipkd.png" /><img src="ipkd111.png" />' console.log(imgReg.exec(htmlStr)) // [ // '<img src="ipkd.png" />', // 'ipkd.png', // index: 11, // input: '<div></div><img src="ipkd.png" /><img src="ipkd111.png" />', // groups: undefined // ] console.log(imgReg.exec(htmlStr)) // [ // '<img src="ipkd111.png" />', // 'ipkd111.png', // index: 37, // input: '<div></div><img src="ipkd.png" /><img src="ipkd111.png" />', // groups: undefined // ]
22、匹配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 // ]
23、匹配html中的style
const styleReg = /style="[^=>]*"([(s+w+=)|>])/g const htmlStr = '<div style="background:#000;"><span style="color:#fff"></span></div>' console.log(styleReg.exec(htmlStr)) // [ // 'style="background:#000;">', // '>', // index: 5, // input: '<div style="background:#000;"><span style="color:#fff"></span></div>', // groups: undefined // ] console.log(styleReg.exec(htmlStr)) // [ // 'style="color:#fff">', // '>', // index: 36, // input: '<div style="background:#000;"><span style="color:#fff"></span></div>', // groups: undefined // ]
24、匹配html中的颜色
const colorReg = /#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})/g
const htmlStr = '<div style="background:#000;"><span style="color:#fff"></span></div>'
console.log(colorReg.exec(htmlStr))
// [
// '#000',
// '000',
// index: 23,
// input: '<div style="background:#000;"><span style="color:#fff"></span></div>',
// groups: undefined
// ]
console.log(colorReg.exec(htmlStr))
// [
// '#fff',
// 'fff',
// index: 49,
// input: '<div style="background:#000;"><span style="color:#fff"></span></div>',
// groups: undefined
// ]
25、匹配htmlTag（html标签）
const endReg = /<("[^"]*"|'[^']*'|[^'">])*>/g
const htmlStr = '<div style="background:#000;"><span style="color:#fff"></span></div><h1></h1>'
console.log(endReg.exec(htmlStr))
上面是“前端冷知识：25个正则表达式”的全面内容，想了解更多关于 前端知识 内容，请继续关注web建站教程。
当前网址：https://ipkd.cn/webs_1497.html
workflows工作流
水晶玉雕巨龙ComfyUI工作流
一位漂亮的女人坐在樱花树旁
小丑鱼马林在鱼缸里游来游去ComfyUI工作流
奇幻绘画风格：一只巨大蜗牛ComfyUI工作流
图生图工作流：一键转换成高清动漫照片
泰坦尼克号桌面壁纸上ComfyUI工作流
一幅生动而古怪的时尚鸭子插图ComfyUI工作流
一只千纸鹤坐在路上哭泣ComfyUI工作流
猜你喜欢
canvas黑洞漩涡（canvas+js）
css3实现星球旋转
barcode条形码/qrcode二维码兼容所有浏览器(含ie6/ie7/ie8)
css3结合svg做一个动态广告
自动打字效果(惊喜在后面)
一个包含老黄历、佛历、道历、星宿等数据的日历网站
js实现下雪特效
原生ajax接口在线执行声明：本站提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请发送到邮箱：admin@ipkd.cn，我们会在看到邮件的第一时间内为您处理！
