web前端框架 jQuery表單驗證

2021-09-29 08:18:59 字數 1591 閱讀 6567

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、常用函式

test

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

正則預設規則

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

常用正則規則

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

var reuser = /^\w$/;

//郵箱驗證:

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

//密碼驗證:

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

//手機號碼驗證:

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

例項

註冊頁面表單驗證

web前端框架 jQuery鏈式呼叫

jquery物件的方法會在執行完後返回這個jquery物件,所有jquery物件的方法可以連起來寫 div1 id為div1的元素 children ul 該元素下面的ul子元素 slidedown fast 高度從零變到實際高度來顯示ul元素 parent 跳到ul的父元素,也就是id為div1的...

前端 jQuery框架

1.x 相容性更好,支援很多舊的瀏覽器,ie6,ie7 3.x 更新,體積更小 匯入jquery的js 1 基本選擇器 id值,class值,標籤名 表示選擇所有標籤 用來把多個選擇器的結果合併 選擇器 對比document.getelementbyid document.getelementsby...

前端 jQuery操作表單

表單控制項是我們的重中之重,因為一旦牽扯到資料互動,離不開form表單的使用,比如使用者的註冊登入功能等 那麼通過上節知識點我們了解到,我們在使用jquery方法操作表單控制項的方法 selector val 設定值和獲取值看如下html結構 頁面展示效果 操作表單控制項 如下 表單控制項是我們的重...