常用正則表達式(手機號、郵箱、URL地址、身份證等等)

  • 2020 年 3 月 28 日
  • 筆記

一、前言

  不好的習慣:1、每一次用到正則都是上網copy一份,也沒有去學習思考,看看都是什麼意思;

        2、一個項目里不同的地方用到了相同的校驗,一直在重複的copy程式碼,並沒有統一起來,萬一哪天要修改規則,若是多人開發,每個人的正則校驗不盡相同,改起來就很麻煩。

  先記錄一下,後續慢慢學習,最後自己能看懂並會寫常用的正則。

二、正則基本知識點

  1、橫向模糊匹配{}:

    一個正則可以匹配的字元串的長度不是固定的,使用量詞可以達到這種目的。

    量詞:比如{m , n} :表示連續出現最少 m 次,最多 n 次;跟在一個字元的後面就表示對該字元的限定。

    比如郵箱的校驗:/^w+@[a-z0-9]+.[a-z]{2,4}$/,寫在了[a-z]後面,表示可以有2到4位的字母;

    比如手機號的校驗: /^1[3456789]d{9}$/,跟在了d後面,表示需要出現9個數字       

{m , n} :表示連續出現最少 m 次,最多 n 次  {m , }   :表示至少出現m次  {m}      :表示出現m次  ?      :等價於{0,1} 表示出現或不出現  +        :等價於{1,} 表示至少出現1次  *        :等價於{0,} 表示出現任意次,可以不出現

    比如郵箱的校驗:/^w+@[a-z0-9]+.[a-z]{2,4}$/,寫在了[a-z0-9]後面,可以出現0到9或者字母a-z的任意一個,至少一次

  2、縱向模糊匹配[]:

    正則匹配的字元串對於某一位置上的字元來說,它可以有多種可能,不局限於某一類型,使用字元組可以達到這種目的。

    字元組:比如[abc],表示該字元是可以字元 "a"、"b"、"c" 中的任何一個。對於這一位置來說,我們可以有3種可能性。

    比如手機號的校驗: /^1[3456789]d{9}$/,它在第二個位置,根據一般手機運營商來說,提供手機第二位的數字可以是3到9的任意一個,才符合規範。

    如果字元組裡表示的字元特別多,可以使用範圍表示法,用連字元-來省略和縮寫。

    比如郵箱的校驗:/^w+@[a-z0-9]+.[a-z]{2,4}$/,它跟在@後面,根據我們郵箱的規範可知,@後面需要的是0到9或者字母a-z的任意一個

  3、常用的簡寫形式

    d  :表示[0-9],表示一位數字      D  :表示[^0-9],表示除數字外的任意字元      w  :表示[0-9a-zA-Z_],表示數字、大小寫字母和下劃線      W  :表示[^0-9a-zA-Z_],非單詞字元

    比如手機號的校驗: /^1[3456789]d{9}$/,結合後面的量詞,d在第三位,表示從第三位起,一共9位都是數字

三、表單常用

  可以把一個項目里用到的校驗規則寫在一個工具類里,這樣可以保證一個項目里對同一個東西的校驗是統一的,不用重複多餘的堆砌程式碼。

 

class Validator {      //身份證校驗      idCard(val){          return /(^[1-9]d{5}(18|19|([23]d))d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)d{3}[0-9Xx]$)|(^[1-9]d{7}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)d{3}$)/.test(val)      }        //手機號校驗      phnoe(val){          return /^1[3456789]d{9}$/.test(val)      }        //郵箱      email(val){          return /^w+@[a-z0-9]+.[a-z]{2,4}$/.test(val)      }        //普通護照      passport(val){          return /^((1[45]d{7})|(Gd{8})|(Pd{7})|(Sd{7,8}))?$/.test(val)      }        //台胞證      taiwanID(val){          return /^[a-zA-Z][0-9]{9}$/.test(val)      }      //港澳身份證      hkId(val){          return /^([A-Z]d{6,10}(w1)?)$/.test(val)      }        //中文      chineseWord(val){          return  /^[u4e00-u9fa5]*$/.test(val)      }        //密碼(不能是純數字或字母)      psdRxp(val){          const numberRegexp = /^d+$/;          const letterRegexp = /^[a-zA-Z]+$/;          return numberRegexp.test(val) || letterRegexp.test(val)      }  }  export default new Validator();

 

參考書目:《javascript正則表達式迷你書》

Tags: