當前位置:編程學習大全網 - 源碼破解 - 正則表達式 「函數封裝案例直接拿來用」

正則表達式 「函數封裝案例直接拿來用」

什麽是正則表達式

我們平時打 遊戲 需要先註冊賬號,註冊不是隨意的,而是按照壹定的規則,否則就無法註冊成功。那麽這個規則的判斷就是通過正則表達式來判斷的。

其他語言也會使用正則表達式,我們現在主要是利用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(不區分,而且全局中查找)的用法;

  • 上一篇:android有沒有z-index
  • 下一篇:網劇《花與罪》開播,觀眾對這部劇的反響如何?
  • copyright 2024編程學習大全網