什麽是正則表達式
我們平時打 遊戲 需要先註冊賬號,註冊不是隨意的,而是按照壹定的規則,否則就無法註冊成功。那麽這個規則的判斷就是通過正則表達式來判斷的。
其他語言也會使用正則表達式,我們現在主要是利用JavaScript 正則表達式完成表單驗證。
知道了什麽是正則表達式,那麽聊聊如何使用:
正則表達式在js中的使用
正則表達式的創建(兩種方式):
方式壹:通過調用RegExp對象的構造函數創建
方式二:利用字面量創建 正則表達式 重點記憶,常用
test() 是測試正則對象方法,用於檢測字符串是否符合該規則,該對象會返回 true 或 false,他的參數是需要測試的字符串。
正則表達式中的特殊字符
正則表達式的組成
定義: 壹個正則表達式可以由簡單的字符構成,比如 /abc/,也可以是簡單和特殊字符的組合,比如 /ab*c/ 。其中特殊字符也被稱為元字符,在正則表達式中是具有特殊意義的專用符號,如 ^ 、$ 、+ 等。
邊界符
有兩個 ^ 和 $ : ^代表必須以某個字符串開頭;$代表必須以某個字符串結尾;
舉個栗子:理解壹下^和$的用法:
[] 方括號 :表示有壹系列字符可供選擇,只要匹配其中壹個就可以了;
舉個栗子:
量詞符用來設定某個模式出現的次數。
接下來就可以寫案例了:
功能需求:
1.如果用戶名輸入合法, 則後面提示信息為: 用戶名合法,並且顏色為綠色
2.如果用戶名輸入不合法, 則後面提示信息為: 用戶名不符合規範, 並且顏色為紅色
分析:
1.用戶名只能為英文字母,數字,下劃線或者短橫線組成, 並且用戶名長度為6~16位.
2.首先準備好這種正則表達式模式/$[a-zA-Z0-9-_]{6,16}^/
3.當表單失去焦點就開始驗證.
4.如果符合正則規範, 則讓後面的span標簽添加 right類.
5.如果不符合正則規範, 則讓後面的span標簽添加 wrong類.
CSS:
HTML JS:
1.大括號 量詞符. 裏面表示重復次數
2.中括號 字符集合。匹配方括號中的任意字符.
3.小括號表示優先級有小括號的先算
預定義類指的是某些常見模式的簡寫方式.
表單驗證案例:
replace() 方法可以實現替換字符串操作,用來替換的參數可以是壹個字符串或是壹個正則表達式。
replace第壹個參數正則後跟 i g gi分別代表什麽? 看案例:
案例: 過濾敏感詞匯
tips: 定義正則就用字面量的形式定義,正則表達式也不用自己寫,可以直接在網上找到,找到以後按需求改即可,另外在過濾敏感詞中,特別註意 i(不區分大小寫) g(全局中查找) gi(不區分,而且全局中查找)的用法;