验证邮箱的正则表达式: const regEmail = /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(\.[a-zA-Z0-9_-])+/ 或
验证邮箱的正则表达式:
const regEmail = /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(\.[a-zA-Z0-9_-])+/
或
const regEmail = /^([a-zA-Z]|[0-9])(\w|\-)+@[a-zA-Z0-9]+\.([a-zA-Z]{2,4})$/
验证手机号的正则表达式:
const regMobile = /^(0|86|17951)?(13[0-9]|15[012356789]|17[678]|18[0-9]|14[57])[0-9]{8}$/
data() {
// 验证邮箱的规则
var checkEmail = (rule, value, cb) => {
// 验证邮箱的正则表达式
const regEmail = /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(\.[a-zA-Z0-9_-])+/
if (regEmail.test(value)) {
// 合法邮箱
return cb()
}
cb(new Error('请输入合法的邮箱'))
}
// 验证手机号的规则
var checkMobile = (rule, value, cb) => {
// 验证手机号的正则表达式
const regMobile =
/^(0|86|17951)?(13[0-9]|15[012356789]|17[678]|18[0-9]|14[57])[0-9]{8}$/
if (regMobile.test(value)) {
// 合法手机号
return cb()
}
cb(new Error('请输入合法的手机号'))
}
return {
// 添加表单的验证规则对象
addFORMRules: {
email: [
{ required: true, message: '请输入邮箱', trigger: 'blur' },
{ validator: checkEmail, trigger: 'blur' },
],
mobile: [
{ required: true, message: '请输入手机', trigger: 'blur' },
{ validator: checkMobile, trigger: 'blur' }
]
}
}
}
不合法的提示:
合法的:
rules的另一个用法:
pattern
data() {
return {
// 添加表单的验证规则对象
addFormRules: {
email: [
{ required: true, message: '请输入邮箱', trigger: 'blur' },
{ pattern: /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(\.[a-zA-Z0-9_-])+/, message: '请输入合法的邮箱', trigger: 'blur' },
],
mobile: [
{ required: true, message: '请输入手机', trigger: 'blur' },
{ pattern: /^(0|86|17951)?(13[0-9]|15[012356789]|17[678]|18[0-9]|14[57])[0-9]{8}$/, message: '请输入合法的手机号', trigger: 'blur' },
]
}
}
}
补充:整理了一些最近自己常用的正则表达式,希望能对大家有所帮助!
export function validateURL(textval) {
const urlregex = /^(?:Http(s)?:\/\/)?[\w.-]+(?:\.[\w\.-]+)+[\w\-\._~:/?#[\]@!\$&'\*\+,;=.]+$/
return urlregex.test(textval)
}
export function validateLowerCase(str) {
const reg = /^[a-z]+$/
return reg.test(str)
}
export function validateUpperCase(str) {
const reg = /^[A-Z]+$/
return reg.test(str)
}
export function validateAlphabets(str) {
const reg = /^[A-Za-z]+$/
return reg.test(str)
}
export function validatePrice(str) {
const reg = /(^[1-9]\d*(\.\d{1,2})?$)|(^0(\.\d{1,2})?$)/
return reg.test(str)
}
export function validatestockWarn(str) {
const reg = /^(0|[1-9][0-9]*)$/
return reg.test(str)
}
export function validateCompareWEBsite(str) {
const reg = /^((https\:\/\/[0-9a-zA-Z\_]+\.|http\:\/\/[0-9a-zA-Z\_]+\.|https\:\/\/|http\:\/\/)|([0-9a-zA-Z\_]+\.){0,1})(jd|suning)\.(com$|com\/[\S]*)/i
return reg.test(str)
}
export function validateTelephone(str) {
const reg = /^(\(\d{3,4}\)|\d{3,4}-|\s)?\d{7,14}$/
return reg.test(str)
}
export function validatePhoneNumber(str) {
const reg = /^[1][3,4,5,6,7,8,9][0-9]{9}$/
return reg.test(str)
}
export function validatePhTelNumber(str) {
const reg = /^((0\d{2,3}-\d{7,8})|(1[3456789]\d{9}))$/
return reg.test(str)
}
export function validateEmail(str) {
const reg = /^[A-Za-z0-9\u4e00-\u9fa5]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/
return reg.test(str)
}
export function validateZipCode(str) {
const reg = /^[1-9][0-9]{5}$/
return reg.test(str)
}
export function validateIDCard(str) {
const reg = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/
return reg.test(str)
}
export function validateBank(str) {
const reg = /^([1-9]{1})(\d{14}|\d{18}|\d{15})$/
return reg.test(str)
}
export function validateTaxpayer(str) {
const reg = /^([1-9]{1})(\d{14}|\d{18}|\d{15})$/
return reg.test(str)
}
export function validateAllBlank(str) {
const reg = /^\s+$/gi
return reg.test(str)
}
总结
到此这篇关于最新js正则表达式验证邮箱和手机号的文章就介绍到这了,更多相关JS正则验证邮箱手机号内容请搜索编程网以前的文章或继续浏览下面的相关文章希望大家以后多多支持编程网!
--结束END--
本文标题: 最新JS正则表达式验证邮箱和手机号实例(2022)
本文链接: https://lsjlt.com/news/171775.html(转载时请注明来源链接)
有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
2024-01-12
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
回答
回答
回答
回答
回答
回答
回答
回答
回答
回答
0