天天看點

前端開發:使用JS正規表達式校驗郵箱和手機号的方法

​​

在前端開發過程中,通過使用js的正規表達式來校驗輸入的郵箱或者手機号是否正确,這也是一個非常常見的業務情景需求。尤其是在登入注冊場景和有關送出郵箱和手機号相關的時候,一定需要做輸入校驗,這是正常開發所必須要的處理操作。那麼本文就來分享一下關于js正規表達式來校驗輸入的郵箱和手機号是否正确的方法。

通過正規表達式可以做很多事情,這裡隻是簡單的來介紹一下通過正規表達式來校驗賬戶資訊相關的使用,對正規表達式感興趣的可以另做詳細了解,這裡不再一一介紹。

正規表達式(regular expression)又稱為規則表達式,描述了一種字元串比對的模式(pattern),可以用來檢查一個串是否含有某種子串、将比對的子串替換或者從某個串中取出符合某個條件的子串等。

構造正規表達式的方法和建立數學表達式的方法一緻,是用多種元字元與運算符将小的表達式結合在一起來建立更大的表達式。

正規表達式的元件可以是單個的字元、字元集合、字元範圍、字元間的選擇或者所有這些元件的任意組合。正規表達式是由普通字元(例如字元 a 到 z)以及特殊字元(稱為"元字元")組成的文字模式。正規表達式作為一個模闆,将某個字元模式與所搜尋的字元串進行比對。

正規表達式常用的符号大概不超過10種,最常用的不超過5種,本文隻來介紹一下常用的符号,其他未講到的符号請自行了解查閱。

     1.  /^$/ 是一個通用的格式;

     2.  ^ 比對輸入字元串的開始位置;

     3.  $ 比對輸入字元串的結束位置;

     4.  *  比對前面的子表達式零次或多次;

     5.  + 比對前面的子表達式一次或多次;

     6.  ? 比對前面的子表達式零次或一次;

     7.  \d  比對一個數字字元,等價于[0-9];

     8. ( ) 标記一個子表達式的開始和結束位置;

     9.  . 比對除換行符 \n 之外的任何單字元;

     10. \ 将下一個字元标記為或特殊字元、或原義字元、或向後引用、或八進制轉義符。

前端開發:使用JS正規表達式校驗郵箱和手機号的方法
前端開發:使用JS正規表達式校驗郵箱和手機号的方法
前端開發:使用JS正規表達式校驗郵箱和手機号的方法

上述内容就是關于使用js正規表達式校驗的使用方法的全部内容,正規表達式的内容很多,也很大,由于篇幅有限,隻介紹了在前端開發常用的幾個正規表達式的使用場景,沒有涉及到的内容可以自行了解使用,歡迎學習交流。

以上就是本章的全部内容,歡迎關注三掌櫃的微信公衆号“程式猿by三掌櫃”

繼續閱讀