前端學習筆記day97 12 正規表示式

2021-10-02 11:25:30 字數 2121 閱讀 6916

1、什麼是正規表示式:

能讓計算機讀懂的字串匹配規則。

2、正規表示式的寫法:

var re=new regexp(『規則』, 『可選引數』);

var re=/規則/引數;

3、規則中的字元

1)普通字元匹配:

如:/a/ 匹配字元 『a』,/a,b/ 匹配字元 『a,b』

2)轉義字元匹配:

\d 匹配乙個數字,即0-9

\d 匹配乙個非數字,即除了0-9

\w 匹配乙個單詞字元(字母、數字、下劃線)

\w 匹配任何非單詞字元。等價於[^a-za-z0-9_]

\s 匹配乙個空白符

\s 匹配乙個非空白符

\b 匹配單詞邊界

\b 匹配非單詞邊界

. 匹配乙個任意字元

var str01 = '123456asdf';

var re01 = /\d+/;

//匹配純數字字串

var re02 = /^\d+$/;

alert(re01.test(str01)); //彈出true

alert(re02.test(str01)); //彈出false

4、量詞:對左邊的匹配字元定義個數? 出現零次或一次(最多出現一次)

+ 出現一次或多次(至少出現一次)

* 出現零次或多次(任意次)

出現n次

出現n到m次

至少出現n次

5、任意乙個或者範圍

[abc123] : 匹配『abc123』中的任意乙個字元

[a-z0-9] : 匹配a到z或者0到9中的任意乙個字元

6、限制開頭結尾

^ 以緊挨的元素開頭

$ 以緊挨的元素結尾

7、修飾引數:

g: global,全文搜尋,預設搜尋到第乙個結果接停止

i: ingore case,忽略大小寫,預設大小寫敏感

8、常用函式

1、test

用法:正則.test(字串) 匹配成功,就返回真,否則就返回假

2、replace

用法:字串.replace(正則,新的字串) 匹配成功的字元去替換新的字元

正則預設規則

匹配成功就結束,不會繼續匹配,區分大小寫

var str01 = 'abcdefedcbacef';

var re01 = /c/;

var re02 = /c/g;

var re03 = /c/gi;

var str02 = str01.replace(re01,'*');

var str03 = str01.replace(re02,'*');

var str04 = str01.replace(re03,'*');

alert(str02); // 彈出 ab*defedcbacef

alert(str03); // 彈出 ab*defed*bacef

alert(str04); // 彈出 ab*defed*ba*ef

常用正則規則

//使用者名稱驗證:(數字字母或下劃線6到20位)

var reuser = /^\w$/;

//郵箱驗證:

var remail = /^[a-z0-9][\w\.\-]*@[a-z0-9\-]+(\.[a-z])$/i;

//密碼驗證:

var repass = /^[\w!@#$%^&*]$/;

//手機號碼驗證:

var rephone = /^1[3458]\d$/;

課堂例項註冊頁面表單驗證

前端學習筆記 day0

utf 8 萬國碼 開發時我們使用的字符集都是utf 8 gb2312 國標 通過meta標籤設定網頁字符集,避免亂碼問題。此處為設定字符集,避免亂碼 用來設定網頁的元資料,底層資料,網頁的屬性。元資料不是給使用者看的 它是自結束標籤 常用的屬性 name指定資料的名稱 content指定資料的內容...

前端學習 三十二)正則(筆記)

正則 正規表示式 regular expression 規則表示式 正則有兩個作用 1.操作字串 2.校驗表單 操作字串 使用正則操作字串非常簡單,不是必須得用。使用是為了方便 正則玩的就是規則 itwenqiang sina.com 137 1807 9033 010 4334567 北京市朝陽區...

Web前端開發學習筆記 Day03

lang en this is titletitle head style font size 16px color red body html 行內樣式寫在標籤的 style 屬性值中。lang en this is titletitle pstyle head hello everyonep b...