最新JS正則表達(dá)式驗(yàn)證郵箱和手機(jī)號(hào)實(shí)例(2022)
驗(yàn)證郵箱的正則表達(dá)式:
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})$/
驗(yàn)證手機(jī)號(hào)的正則表達(dá)式:
const regMobile = /^(0|86|17951)?(13[0-9]|15[012356789]|17[678]|18[0-9]|14[57])[0-9]{8}$/
data() { // 驗(yàn)證郵箱的規(guī)則 var checkEmail = (rule, value, cb) => { // 驗(yàn)證郵箱的正則表達(dá)式 const regEmail = /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(\.[a-zA-Z0-9_-])+/ if (regEmail.test(value)) { // 合法郵箱 return cb() } cb(new Error('請(qǐng)輸入合法的郵箱')) } // 驗(yàn)證手機(jī)號(hào)的規(guī)則 var checkMobile = (rule, value, cb) => { // 驗(yàn)證手機(jī)號(hào)的正則表達(dá)式 const regMobile = /^(0|86|17951)?(13[0-9]|15[012356789]|17[678]|18[0-9]|14[57])[0-9]{8}$/ if (regMobile.test(value)) { // 合法手機(jī)號(hào) return cb() } cb(new Error('請(qǐng)輸入合法的手機(jī)號(hào)')) } return { // 添加表單的驗(yàn)證規(guī)則對(duì)象 addFormRules: { email: [ { required: true, message: '請(qǐng)輸入郵箱', trigger: 'blur' }, { validator: checkEmail, trigger: 'blur' }, ], mobile: [ { required: true, message: '請(qǐng)輸入手機(jī)', trigger: 'blur' }, { validator: checkMobile, trigger: 'blur' } ] } } }
不合法的提示:
合法的:
rules的另一個(gè)用法:
pattern
data() { return { // 添加表單的驗(yàn)證規(guī)則對(duì)象 addFormRules: { email: [ { required: true, message: '請(qǐng)輸入郵箱', trigger: 'blur' }, { pattern: /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(\.[a-zA-Z0-9_-])+/, message: '請(qǐng)輸入合法的郵箱', trigger: 'blur' }, ], mobile: [ { required: true, message: '請(qǐng)輸入手機(jī)', trigger: 'blur' }, { pattern: /^(0|86|17951)?(13[0-9]|15[012356789]|17[678]|18[0-9]|14[57])[0-9]{8}$/, message: '請(qǐng)輸入合法的手機(jī)號(hào)', trigger: 'blur' }, ] } } }
補(bǔ)充:整理了一些最近自己常用的正則表達(dá)式,希望能對(duì)大家有所幫助!
/* 合法uri */ export function validateURL(textval) { const urlregex = /^(?:http(s)?:\/\/)?[\w.-]+(?:\.[\w\.-]+)+[\w\-\._~:/?#[\]@!\$&'\*\+,;=.]+$/ return urlregex.test(textval) } /* 小寫(xiě)字母 */ export function validateLowerCase(str) { const reg = /^[a-z]+$/ return reg.test(str) } /* 大寫(xiě)字母 */ export function validateUpperCase(str) { const reg = /^[A-Z]+$/ return reg.test(str) } /* 大小寫(xiě)字母 */ export function validateAlphabets(str) { const reg = /^[A-Za-z]+$/ return reg.test(str) } /* 市場(chǎng)售價(jià) */ export function validatePrice(str) { const reg = /(^[1-9]\d*(\.\d{1,2})?$)|(^0(\.\d{1,2})?$)/ return reg.test(str) } /* 庫(kù)存預(yù)警值 匹配非負(fù)整數(shù)(正整數(shù) + 0) */ export function validatestockWarn(str) { const reg = /^(0|[1-9][0-9]*)$/ return reg.test(str) } /* 比價(jià)網(wǎng)站 只驗(yàn)證京東和蘇寧網(wǎng)站 */ 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) } /* 手機(jī)號(hào)碼 */ export function validatePhoneNumber(str) { const reg = /^[1][3,4,5,6,7,8,9][0-9]{9}$/ return reg.test(str) } /* 手機(jī)號(hào)碼和固定電話 */ 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) } /* 銀行卡號(hào) 15位或者16位或者19位 */ export function validateBank(str) { const reg = /^([1-9]{1})(\d{14}|\d{18}|\d{15})$/ return reg.test(str) } /* 納稅人識(shí)別碼 */ 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) }
總結(jié)
到此這篇關(guān)于最新JS正則表達(dá)式驗(yàn)證郵箱和手機(jī)號(hào)的文章就介紹到這了,更多相關(guān)JS正則驗(yàn)證郵箱手機(jī)號(hào)內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
基于JavaScript制作一個(gè)簡(jiǎn)單的天氣應(yīng)用
隨著Web開(kāi)發(fā)技術(shù)的不斷發(fā)展,JavaScript已經(jīng)成為前端開(kāi)發(fā)中不可或缺的一部分,下面我們就來(lái)看看如何使用JavaScript實(shí)現(xiàn)一個(gè)簡(jiǎn)單的天氣應(yīng)用吧2024-01-01七個(gè)基于JavaScript實(shí)現(xiàn)的情人節(jié)表白特效
情人節(jié)將至 程序員證明自己不是直男的時(shí)候到啦 我們也有自己的專(zhuān)屬代碼浪漫。本文將介紹七個(gè)利用JavaScript實(shí)現(xiàn)的情人節(jié)表白特效,需要的可以參考一下2022-01-01Bootstrap中datetimepicker使用小結(jié)
這篇文章主要為大家詳細(xì)介紹了Bootstrap中datetimepicker的使用方法,一款功能強(qiáng)大的日期選擇控件,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-12-12js驗(yàn)證整數(shù)加保留小數(shù)點(diǎn)的簡(jiǎn)單實(shí)例
這篇文章主要介紹了js驗(yàn)證整數(shù)加保留小數(shù)點(diǎn)的簡(jiǎn)單實(shí)例,有需要的朋友可以參考一下2013-12-12Javascript延遲執(zhí)行實(shí)現(xiàn)方法(setTimeout)
延遲執(zhí)行,其實(shí)就是用到了setTimeout這個(gè)函數(shù)。善于利用這個(gè)函數(shù),可以減少很多ajax的請(qǐng)求,以及dom操作。2010-12-12