正则方法
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) // 用来检测正则表达式与指定的字符串是否匹配 ,返回 true 或 false
// 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,}$
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
}