常用正则表达式

1、手机号码的校验

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

2、身份证的校验

/^[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]$/

3、邮箱的校验

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

4、URL的校验

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

5、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]?)$/

6、16进制颜色的校验

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

7、日期 YYYY-MM-DD

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

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

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

9、整数的校验

/^[-+]?\d*$/

10、小数的校验

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

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、邮政编号的校验

/^\d{6}$/

13、QQ号的校验

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

14、微信号的校验

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

15、车牌号的校验

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

16、只含字母的字符串

/^[a-zA-Z]+$/

17、包含中文的字符串

/[\u4E00-\u9FA5]/

18、密码强度的校验

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

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

//ig

22、匹配html中的注释

//g

23、匹配html中的style

/style="[^=>]*"([(\s+\w+=)|>])/g

24、匹配html中的颜色

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

25、匹配htmlTag（html标签）

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