介绍
常用的正则表达式
# js中正则表达的使用
- 正则规则.test(效验的数据)
methods: {
//! 进行手机号输入验证操作
validateMobile () {
//! 1. 进行手机号格式判断
if (!this.mobile) {
this.mobileMsg = '请输入手机号'
} else if (!/^1[34578]\d{9}$/.test(this.mobile)) {
this.mobileMsg = '手机号格式不正确'
} else {
//! 2.手机号验证通过 取消提示
this.mobileMsg = ''
}
},
validateCode () {
//! 3. 进行验证码格式判断(六位数验证码)
if (!this.code) {
this.codeMsg = '请输入验证码'
} else if (!/^\d{6}$/.test(this.code)) {
this.codeMsg = '验证码格式不正确'
} else {
//! 4. 验证通过 取消提示
this.codeMsg = ''
}
}
# 常用的正则效验
- 手机号效验正则
/^1[34578]\d{9}$/
- 六位数验证码正则
/^\d{6}$/
- 4-15长度 只能为数字字母组合 (可以修改长度)
/^[A-Za-z0-9]{4,15}$/
- 4-15长度 只能中英文
/^[\u4e00-\u9fa5a-zA-Z]+${4,15}/
- 邮箱正则 支持中文 如果有其他需求请看这篇文章 (opens new window)
/^([A-Za-z0-9_\-\.\u4e00-\u9fa5])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,8})$/,
# 对象方式的正则表达式 RegExp
new RegExp
是正则表达式 对象方式表达 里面格式: new RegExp(pattern, attributes)
- 参数 pattern 是一个字符串,指定了正则表达式的模式或其他正则表达式。(进行规则设置)
参数 attributes 是一个可选的字符串,包含属性 "g"、"i" 和 "m",分别用于指定全局匹配、区分大小写的匹配和多行匹配(进行全局设置)
// kw此时包括span高亮的标签,需要去掉
const reg = new RegExp(`<span>${this.q}</span>`, 'ig') //RegExp是正则表达式 对象模式
kw.replace(reg, this.q) // 替换方法 replace(替换规则,替换数据)