最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

最新JS正則表達式驗證郵箱和手機號實例(2022)

 更新時間:2022年08月04日 11:58:21   作者:Naive_Jam  
在前端開發(fā)過程中,通過使用JS的正則表達式來校驗輸入的郵箱或者手機號是否正確,這也是一個非常常見的業(yè)務(wù)情景需求,下面這篇文章主要給大家介紹了關(guān)于利用JS正則表達式驗證郵箱和手機號的相關(guān)資料,需要的朋友可以參考下

驗證郵箱的正則表達式:

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() {
    // 驗證郵箱的規(guī)則
    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('請輸入合法的郵箱'))
    }
    // 驗證手機號的規(guī)則
    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 {
      // 添加表單的驗證規(guī)則對象
      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 {
      // 添加表單的驗證規(guī)則對象
      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' },
        ]
      }
    }
  }

補充:整理了一些最近自己常用的正則表達式,希望能對大家有所幫助!

/* 合法uri */
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)
}
/* 庫存預(yù)警值 匹配非負整數(shù)(正整數(shù) + 0) */
export function validatestockWarn(str) {
 const reg = /^(0|[1-9][0-9]*)$/
 return reg.test(str)
}
/* 比價網(wǎng)站 只驗證京東和蘇寧網(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)
}
/* 手機號碼 */
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)
}
/* 銀行卡號 15位或者16位或者19位 */
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)
}

總結(jié)

到此這篇關(guān)于最新JS正則表達式驗證郵箱和手機號的文章就介紹到這了,更多相關(guān)JS正則驗證郵箱手機號內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!

相關(guān)文章

  • es6中比較有用的7個技巧小結(jié)

    es6中比較有用的7個技巧小結(jié)

    這篇文章主要給大家介紹了關(guān)于es6中比較有用的7個技巧,文中通過示例代碼介紹的非常詳細,對大家學(xué)習(xí)或者使用es6具有一定的參考學(xué)習(xí)價值,需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧
    2019-07-07
  • 一個簡單的JavaScript Map實例(分享)

    一個簡單的JavaScript Map實例(分享)

    下面小編就為大家?guī)硪黄粋€簡單的JavaScript Map實例(分享)。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2016-08-08
  • JavaScript解構(gòu)賦值的實用技巧指南

    JavaScript解構(gòu)賦值的實用技巧指南

    JavaScript解構(gòu)賦值為我們提供了很多方便,但是用法比較多,本文就來梳理一下,下面這篇文章主要給大家介紹了關(guān)于JavaScript解構(gòu)賦值的實用技巧指南,需要的朋友可以參考下
    2022-01-01
  • JS技巧Canvas性能優(yōu)化臟矩形渲染實例詳解

    JS技巧Canvas性能優(yōu)化臟矩形渲染實例詳解

    這篇文章主要為大家介紹了JS技巧Canvas?性能優(yōu)化臟矩形渲染實例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪
    2023-01-01
  • 微信小程序如何修改radio和checkbox的默認樣式和圖標

    微信小程序如何修改radio和checkbox的默認樣式和圖標

    這篇文章主要介紹了微信小程序修改radio和checkbox的默認樣式和圖標,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下
    2019-07-07
  • js 判斷當前時間是否處于某個一個時間段內(nèi)

    js 判斷當前時間是否處于某個一個時間段內(nèi)

    這篇文章主要介紹了js 判斷當前時間是否處于某個一個時間段內(nèi),使用 jutils - JavaScript常用函數(shù)庫的 isDuringDate 函數(shù)來實現(xiàn),本文通過實例代碼給大家介紹的非常詳細,具有一定的參考借鑒價值,需要的朋友可以參考下
    2019-09-09
  • JavaScript獲取URL中參數(shù)querystring的方法詳解

    JavaScript獲取URL中參數(shù)querystring的方法詳解

    這篇文章先給大家介紹了JavaScript獲取URL中參數(shù)querystring的方法,而后有詳解介紹了Location對象的屬性和,Location對象的方法,對大家的理解很有幫助,有需要的朋友們可以參考借鑒,下面來一起看看吧。
    2016-10-10
  • MvcPager分頁控件 適用于Bootstrap

    MvcPager分頁控件 適用于Bootstrap

    這篇文章主要為大家詳細介紹了MvcPager分頁控件,修改后適用于Bootstrap,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2017-06-06
  • 如何在JavaScript中使用localStorage詳情

    如何在JavaScript中使用localStorage詳情

    這篇文章主要介紹了如何在JavaScript中使用localStorage,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2021-02-02
  • 細品javascript 尋址,閉包,對象模型和相關(guān)問題

    細品javascript 尋址,閉包,對象模型和相關(guān)問題

    似乎某些程序員的集合是不相交的,就好像JS程序員和玩編譯原理和CPU指令的匯編程序員就幾乎沒有交叉。前些日子討論的火熱的“作用域鏈”問題,說白了就是尋址問題,不過,這個在C中十分簡單的問題卻被JS這個動態(tài)語言弄得很復(fù)雜。
    2009-04-04

最新評論

儋州市| 漳州市| 崇仁县| 利津县| 扎兰屯市| 景洪市| 枣庄市| 宣恩县| 河西区| 隆化县| 枣庄市| 宁津县| 定西市| 宝坻区| 镇江市| 大洼县| 金坛市| 集安市| 岫岩| 宁都县| 铁岭市| 隆子县| 顺义区| 双流县| 大安市| 千阳县| 龙州县| 奉新县| 观塘区| 噶尔县| 辽阳县| 互助| 德令哈市| 新化县| 海伦市| 昆明市| 岫岩| 吴桥县| 毕节市| 双辽市| 三门县|