收集的一些前端正则表达式校验方法合集

收集的一些前端正则表达式校验方法合集

1、手机号码的校验

const phone = /^1[3456789]\d{9}$/ //一般
const phoneX = /^(13[0-9]|14[579]|15[0-3,5-9]|16[6]|17[0135678]|18[0-9]|19[89])\d{8}$/ //严格

const phone1 = '13891335566'
console.log(phone.test(phone1)) // true

const phone2 = '123456456456465456'
console.log(phone.test(phone2)) // false

2、身份证的校验

const idcard = /^[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 sfzRgeX = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/ //一般

const idcard1 = '415106199801012130'
console.log(idcard.test(idcard1)) // true

const idcard2 = '718381298381212183'
console.log(idcard.test(idcard2)) // false

3、邮箱的校验

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

const emailWY = '138913@163.com' // 163邮箱
const emailQQ = '1074437@qq.com' // qq邮箱
console.log(email.test(emailWY)) // true
console.log(email.test(emailQQ)) // true

const noEmail = '72873213.com'
console.log(email.test(noEmail)) // false

4、URL的校验

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

const url1 = 'https://www.baidu.com/index'
console.log(urlReg.test(url1)) // true

const url2 = 'x://ccc.xxxx.com/demo'
console.log(urlReg.test(url2)) // false

5、IPv4的校验

const ipv4 = /^(?:(?: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 ipv41 = '192.168.1.1'
console.log(ipv4.test(ipv41)) // true

const ipv42 = '001.56.23.2'
console.log(ipv4.test(ipv42)) // false

6、16进制颜色的校验

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

const color16Str1 = '#ccc'
console.log(color16.test(color16Str1)) // true

const color16Str2 = '#987654321'
console.log(color16.test(color16Str2)) // false

7、日期 YYYY-MM-DD

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

const dateStr1 = '2021-01-21'
console.log(date.test(dateStr1)) // true

const dateStr2 = '2021 1- 21 1'
console.log(date.test(dateStr2)) // false

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

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

const dateStr1 = '2021-01-21 12:12:12'
console.log(date.test(dateStr1)) // true

const dateStr2 = '2021-10-10 16:'
console.log(date.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 = '715400'
console.log(postalNoReg.test(postalNoStr1)) // true

const postalNoStr2 = '7154000001'
console.log(postalNoReg.test(postalNoStr2)) // false

13、QQ号的校验

//5-11位数字
const qqReg = /^[1-9][0-9]{4,10}$/

const qqStr1 = '1074443738'
console.log(qqReg.test(qqStr1)) // true

const qqStr2 = '10744437388888'
console.log(qqReg.test(qqStr2)) // false

14、微信号的校验

//6至20位，以字母开头，字母，数字，减号，下划线
const wxReg = /^[a-zA-Z]([-_a-zA-Z0-9]{5,19})+$/

const wxStr1 = 'cl88998899'
console.log(wxReg.test(wxStr1)) // true

const wxStr2 = '()_xxxxx'
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 = '陕AL8965'
console.log(carNoReg.test(carNoStr1)) // true

const carNoStr2 = '西安A56984'
console.log(carNoReg.test(carNoStr2)) // false

16、只含字母的字符串

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

const letterStr1 = 'dialogView'
console.log(letterReg.test(letterStr1)) // true

const letterStr2 = 'dialogView()'
console.log(letterReg.test(letterStr2)) // false

17、包含中文的字符串

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

const cnStr1 = '游乐场有1000人'
console.log(cnReg.test(cnStr1)) // true

const cnStr2 = '1000renyoulechang'
console.log(cnReg.test(cnStr2)) // false

18、密码强度的校验

//密码中必须包含字母、数字、特称字符，至少8个字符，最多30个字符
const passwordReg = /(?=.*[0-9])(?=.*[a-zA-Z])(?=.*[^a-zA-Z0-9]).{8,30}/

const password1 = 'cl_Cl1235..'
console.log(passwordReg.test(password1)) // true

const password2 = 'cll1235'
console.log(passwordReg.test(password2)) // false

19、文件拓展名的校验

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

希望此文章你能帮助到你~~~