常用正则及方法

正则方法

1、正则对象
exec() 检索
test() 匹配
2、字符串
search() 搜索
replace() 替换
split() 切割
match() 检索
// 使用方法
// search 语法
str.search(regexp)
'hello'.search(/l/)  //返回第一个 l 的索引值 2
'heLlo'.search(/l/i)  // 正则是区分大小写的,如果我们希望不区分大小写,则可以加上 i 参数
 
// replace 语法
str.replace(regexp|substr, newSubStr|function)  // 该方法并不改变原字符串,而只是返回一个新的替换后的字符串
'hello'.replace(/\D/g, 0) // 替换所有非数字字符 , 返回 00000
 
// test 语法
regexObj.test(str)  // 用来检测正则表达式与指定的字符串是否匹配 ,返回 truefalse
 
// exec 语法
regexObj.exec(str)  // 在一个指定字符串中执行一个搜索匹配。返回一个结果数组或 null
let re = /l/g
let result = re.exec("hello")  // result 为一个数组["l", index: 2, input: "hello", groups: undefined]
 
// match 语法
str.match(regexp)  // 检索一个字符串与一个正则表达式匹配项, 会返回一个数组, 同 exex()
 
// split 语法 
str.split([separator[, limit]])  // 使用指定的分隔符将字符串分割为一个数组,而这个分隔符可以是正则对象
"hellow".split(/[eo]/)  // 返回 ["h", "ll", "w"]

常用规则

一、校验数字的表达式

1 数字:1*$

2 n位的数字:^\d{n}$

3 至少n位的数字:^\d{n,}$

4 m-n位的数字:^\d{m,n}$

5 零和非零开头的数字:^(0|[1-9][0-9]*)$

6 非零开头的最多带两位小数的数字:^([1-9][0-9]*)+(.[0-9]{1,2})?$

7 带1-2位小数的正数或负数:^(-)?\d+(.\d{1,2})?$

8 正数、负数、和小数:^(-|+)?\d+(.\d+)?$

9 有两位小数的正实数:2+(.[0-9]{2})?$

10 有1~3位小数的正实数:3+(.[0-9]{1,3})?$

11 非零的正整数:4\d*$ 或 ^([1-9][0-9]){1,3}$ 或 ^+?[1-9][0-9]$

12 非零的负整数:^-[1-9][]0-9"$ 或 ^-[1-9]\d$

13 非负整数:^\d+$ 或 5\d*|0$

14 非正整数:^-[1-9]\d*|0$ 或 ^((-\d+)|(0+))$

15 非负浮点数:^\d+(.\d+)?$ 或 6\d*.\d*|0.\d*[1-9]\d*|0?.0+|0$

16 非正浮点数:^((-\d+(.\d+)?)|(0+(.0+)?))$ 或 ^(-([1-9]\d*.\d*|0.\d*[1-9]\d*))|0?.0+|0$

17 正浮点数:7\d*.\d*|0.\d*[1-9]\d*$ 或 ^(([0-9]+.[0-9][1-9][0-9])|([0-9][1-9][0-9].[0-9]+)|([0-9][1-9][0-9]))$

18 负浮点数:^-([1-9]\d*.\d*|0.\d*[1-9]\d*)$ 或 ^(-(([0-9]+.[0-9][1-9][0-9])|([0-9][1-9][0-9].[0-9]+)|([0-9][1-9][0-9])))$

19 浮点数:^(-?\d+)(.\d+)?$ 或 ^-?([1-9]\d*.\d*|0.\d*[1-9]\d*|0?.0+|0)$

二、校验字符的表达式

1 汉字:8{0,}$

2 英文和数字:9+$ 或 10{4,40}$

3 长度为3-20的所有字符:^.{3,20}$

4 由26个英文字母组成的字符串:11+$

5 由26个大写英文字母组成的字符串:12+$

6 由26个小写英文字母组成的字符串:13+$

7 由数字和26个英文字母组成的字符串:14+$

8 由数字、26个英文字母或者下划线组成的字符串:^\w+$ 或 ^\w{3,20}$

9 中文、英文、数字包括下划线:15+$

10 中文、英文、数字但不包括下划线等符号:16+$ 或 17{2,20}$

11 可以输入含有^%&',;=?KaTeX parse error: Expected group after '^' at position 8: \"等字符:[^̲%&',;=?\x22]+

12 禁止输入含有的字符:[^\x22]+

三、特殊需求表达式

1 Email地址:^\w+([-+.]\w+)@\w+([-.]\w+).\w+([-.]\w+)*$

2 域名:[a-zA-Z0-9][-a-zA-Z0-9]{0,62}(/.[a-zA-Z0-9][-a-zA-Z0-9]{0,62})+/.?

3 InternetURL:[a-zA-z]+://[^\s]* 或 ^http://([\w-]+.)+[\w-]+(/[\w-./?%&=]*)?$

4 手机号码:^(13[0-9]|14[5|7]|15[0|1|2|3|5|6|7|8|9]|18[0|1|2|3|5|6|7|8|9])\d{8}$

5 电话号码(“XXX-XXXXXXX”、“XXXX-XXXXXXXX”、“XXX-XXXXXXX”、“XXX-XXXXXXXX”、"XXXXXXX"和"XXXXXXXX):^((\d{3,4}-)|\d{3.4}-)?\d{7,8}$

6 国内电话号码(0511-4405222、021-87888822):\d{3}-\d{8}|\d{4}-\d{7}

7 身份证号(15位、18位数字):^\d{15}|\d{18}$

8 短身份证号码(数字、字母x结尾):^([0-9]){7,18}(x|X)?$ 或 ^\d{8,18}|[0-9x]{8,18}|[0-9X]{8,18}?$

9 帐号是否合法(字母开头,允许5-16字节,允许字母数字下划线):18[a-zA-Z0-9_]{4,15}$

10 密码(以字母开头,长度在6~18之间,只能包含字母、数字和下划线):19\w{5,17}$

11 强密码(必须包含大小写字母和数字的组合,不能使用特殊字符,长度在8-10之间):^(?=.\d)(?=.[a-z])(?=.*[A-Z]).{8,10}$

12 日期格式:^\d{4}-\d{1,2}-\d{1,2}

13 一年的12个月(01~09和1~12):^(0?[1-9]|1[0-2])$

14 一个月的31天(01~09和1~31):^((0?[1-9])|((1|2)[0-9])|30|31)$

15 钱的输入格式:

16 1.有四种钱的表示形式我们可以接受:“10000.00” 和 “10,000.00”, 和没有 “分” 的 “10000” 和 “10,000”:20[0-9]*$

17 2.这表示任意一个不以0开头的数字,但是,这也意味着一个字符"0"不通过,所以我们采用下面的形式:^(0|[1-9][0-9]*)$

18 3.一个0或者一个不以0开头的数字.我们还可以允许开头有一个负号:^(0|-?[1-9][0-9]*)$

19 4.这表示一个0或者一个可能为负的开头不为0的数字.让用户以0开头好了.把负号的也去掉,因为钱总不能是负的吧.下面我们要加的是说明可能的小数部分:21+(.[0-9]+)?$

20 5.必须说明的是,小数点后面至少应该有1位数,所以"10."是不通过的,但是 “10” 和 “10.2” 是通过的:22+(.[0-9]{2})?$

21 6.这样我们规定小数点后面必须有两位,如果你认为太苛刻了,可以这样:23+(.[0-9]{1,2})?$

22 7.这样就允许用户只写一位小数.下面我们该考虑数字中的逗号了,我们可以这样:24{1,3}(,[0-9]{3})*(.[0-9]{1,2})?$

23 8.1到3个数字,后面跟着任意个 逗号+3个数字,逗号成为可选,而不是必须:^([0-9]+|[0-9]{1,3}(,[0-9]{3})*)(.[0-9]{1,2})?$

24 备注:这就是最终结果了,别忘了"+“可以用”*"替代如果你觉得空字符串也可以接受的话(奇怪,为什么?)最后,别忘了在用函数时去掉去掉那个反斜杠,一般的错误都在这里

25 xml文件:^([a-zA-Z]±?)+[a-zA-Z0-9]+\.[x|X][m|M][l|L]$

26 中文字符的正则表达式:[\u4e00-\u9fa5]

27 双字节字符:[^\x00-\xff] (包括汉字在内,可以用来计算字符串的长度(一个双字节字符长度计2,ASCII字符计1))

28 空白行的正则表达式:\n\s*\r (可以用来删除空白行)

29 HTML标记的正则表达式:<(\S*?)[^>]>.?</\1>|<.*? /> (网上流传的版本太糟糕,上面这个也仅仅能部分,对于复杂的嵌套标记依旧无能为力)

30 首尾空白字符的正则表达式:^\s*|\s*KaTeX parse error: Undefined control sequence: \s at position 4: 或(^\̲s̲*)|(\s*) (可以用来删除行首行尾的空白字符(包括空格、制表符、换页符等等),非常有用的表达式)

31 腾讯QQ号:[1-9][0-9]{4,} (腾讯QQ号从10000开始)

32 中国邮政编码:[1-9]\d{5}(?!\d) (中国邮政编码为6位数字)

33 IP地址:\d+.\d+.\d+.\d+ (提取IP地址时有用)

34 IP地址:((?😦?:25[0-5]|2[0-4]\d|[01]?\d?\d)\.){3}(?:25[0-5]|2[0-4]\d|[01]?\d?\d))

四、匹配所有任意字符

35 ([\s\S])或 ([\d\D])或([\w\W]*)

日常用到

1.input只能输入数字和浮点数字.

<input onkeyup="value=value.replace(/[^\d.]/g,'')">

2.input输入手机号码的判断.

 if (!(/^1[3456789]\d{9}$/.test($('#mobileNo').val()))) return alert("手机号码有误,请重填");

3.input输入身份证号的判断.

if((/^(^[1-9]\d{7}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}$)|(^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])((\d{4})|\d{3}[Xx])$)$/.test($('#idNo').val()))==false)return alert('身份证号有误,请重新输入?')

4.整数,浮点数…

非负数:<input type="text" name="" pattern="^\d+$">
正整数:<input type="text" name="" pattern="^[1-9]|[1-9][0-9]*$">
非正整数:<input type="text" name="" pattern="((-\d+)|0)">
负整数:<input type="text" name="" pattern="^-([1-9]|[1-9][0-9])*$">
整数:<input type="text" name="" pattern="^-?\d+$">
非负浮点数:<input type="text" name="" pattern="^\d+(\.\d+)?$">
非负浮点数,可保留一位,二位,三位小数:<input type="text" name="" pattern="^\d+(\.\d{1,3})?$">
正浮点数:<input type="text" name="" pattern="^([1-9]+(\.\d+)?|0\.\d+)$">
非正浮点数:<input type="text" name="" pattern="^-[0-9]+(\.\d+)?|0$">
负浮点数:<input type="text" name="" pattern="^-[0-9]+(\.\d+)?$">
浮点数:<input type="text" name="" pattern="^(-?\d+)(\.\d+)?$">

5.要求匹配0~99.99的数字, 最多保留两位小数

/^(\d{1,2})(\.{0}|\.\d{1,2})$/

6.邮箱

/\w[-\w.+]*@([A-Za-z0-9][-A-Za-z0-9]+\.)+[A-Za-z]{2,14}/

7.js 校验六位不重复,不连续数字

let reg = /^(\d)\1{5}$/; // 不重复6位 类似111111,222222
let str = '0123456789_9876543210'; // str.indexOf(value) > -1 不连续判断 类似123456
 
if (value.length!==6 || reg.test(value) || str.indexOf(value) > -1) {
    return alert('无效密码')
}     

8.去除指定字符(这里面以 / 例)

let str = '/四川省/成都市/';
str = str.replace(/^(\s|\/)+|(\s|\/)+$/g, '');
console.log(str);

**ps :补充个正则 reg =/^(\d)\1{2}(\d)\2{2}$/  判断类似 111222**

项目中常用写法

// 检验手机号码
const isMobile = (value) => {
  const pattern = /^(?:(?:\+|00)86)?1[3-9]\d{9}$/
  return pattern.test(value)
}

// 隐藏手机号码
const hideMobile = (value) => {
  if (!value) {
    return ''
  }
  var reg = /^(\d{3})\d{4}(\d{4})$/
  return value.replace(reg, "$1****$2")
}

// 检验QQ号码
const isQQ = (value) => {
  const pattern = /[1-9][0-9]{4,}/
  return pattern.test(value)
}

// 检验密码(必须包含字母和数字,可以使用英文状态下的特殊字符,长度在8-18位)
const isPassword = (value) => {
  const pattern = /(?=.*[a-zA-Z])(?=.*[0-9])[a-zA-Z0-9~!@#$%^&*()_\-+=<>?:"{}|,.\/;'\\[\]·~@#%……&*——\-+={}|']{8,18}$/
  return pattern.test(value)
}

const isIdCrd = (value) => {
  const pattern = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/
  return pattern.test(value)
}
// 截取不超过指定字节的文字
const cutString = (len, str) => {
  let newStr = ''
  let newStrLen = 0
  for (let i = 0; i < str.length; i++) {
    if (newStrLen === len - 2) {
      newStr = newStr + '...'
      break
    } else {
      newStr = newStr + str[i]
    }
    if (str.charCodeAt(i) > 127 || str.charCodeAt(i) == 94) {
      newStrLen += 2
    } else {
      newStrLen++
    }
  }
  return newStr
}

// 获取字符的字节长度
const getStringLength = (str) => {
  if (!str) {
    return 0
  }
  let newStrLen = 0
  for (let i = 0; i < str.length; i++) {
    if (str.charCodeAt(i) > 127 || str.charCodeAt(i) == 94) {
      newStrLen += 2
    } else {
      newStrLen++
    }
  }
  return newStrLen
}

// 格式化列表价格
const priceText = (value) => {
  let result = []
  if (!value || value === ' ') {
    value = 0
  }
  if (value < 10000) {
    const number = (value + '').split('.')
    result[0] = number[0]
    result[1] = number[1] ? ('.' + number[1]) : '.00'
    return result
  }
  let item, units
  if (value >= 100000000) {
    item = (Math.round(value * 100 / 100000000) / 100).toString().split('.')
    units = '亿'
  } else {
    item = (Math.round(value * 100 / 10000) / 100).toString().split('.')
    units = '万'
  }
  result[0] = item[0]
  if (!item[1]) {
    result[1] = '.00' + units
  } else if (item[1].length === 1) {
    result[1] = '.' + item[1] + '0' + units
  } else {
    result[1] = '.' + item[1] + units
  }
  return result
}

// 格式化金额(向金额中每三位数加一个逗号)
const formatMoney = (value) => {
  let arr = ('' + value).split('.')
  let strArr = arr[0].split('')
  strArr.reverse()
  for (let i = 0; i < strArr.length; i++) {
    if (((i + 1) % 3) === 0 && (i !== strArr.length - 1)) {
      strArr[i] = ',' + strArr[i]
    }
  }
  strArr.reverse()
  arr[0] = strArr.join('')
  arr[1] = arr[1] ? '.' + arr[1] : '.00'
  return arr[0] + arr[1]
}

// PHP时间戳转 yyyy-mm-dd hh:mm:ss 格式
const formatTimestamp = (value) => {
  let date = new Date(value * 1000)
  const year = date.getFullYear()
  const month = date.getMonth() < 9 ? ('0' + (date.getMonth() + 1)) : (date.getMonth() + 1)
  const day = date.getDate() < 10 ? ('0' + date.getDate()) : date.getDate()
  const hour = date.getHours() < 10 ? ('0' + date.getHours()) : date.getHours()
  const min = date.getMinutes() < 10 ? ('0' + date.getMinutes()) : date.getMinutes()
  const s = date.getSeconds() < 10 ? ('0' + date.getSeconds()) : date.getSeconds()
  return year + '-' + month + '-' + day + ' ' + hour + ':' + min + ':' + s
}

// 只为数字和字母
const formNum = (value) => {
  const pattern = /(^\d|\w$)/
  return pattern.test(value)
}

export {
  isMobile,
  hideMobile,
  isQQ,
  isPassword,
  isIdCrd,
  cutString,
  priceText,
  getStringLength,
  formatMoney,
  formatTimestamp,
  formNum
}

  1. 0-9 ↩︎

  2. 0-9 ↩︎

  3. 0-9 ↩︎

  4. 1-9 ↩︎

  5. 1-9 ↩︎

  6. 1-9 ↩︎

  7. 1-9 ↩︎

  8. \u4e00-\u9fa5 ↩︎

  9. A-Za-z0-9 ↩︎

  10. A-Za-z0-9 ↩︎

  11. A-Za-z ↩︎

  12. A-Z ↩︎

  13. a-z ↩︎

  14. A-Za-z0-9 ↩︎

  15. \u4E00-\u9FA5A-Za-z0-9_ ↩︎

  16. \u4E00-\u9FA5A-Za-z0-9 ↩︎

  17. \u4E00-\u9FA5A-Za-z0-9 ↩︎

  18. a-zA-Z ↩︎

  19. a-zA-Z ↩︎

  20. 1-9 ↩︎

  21. 0-9 ↩︎

  22. 0-9 ↩︎

  23. 0-9 ↩︎

  24. 0-9 ↩︎

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值