使用正規表示式實現簡單的表單驗證

2021-10-03 04:10:20 字數 1640 閱讀 2871

- 正規表示式,又名 「規則表示式」

- 是對字串操作的一種邏輯公式,就是用事先定義好的一些特定字元、及這些特定字元的組合,組成乙個「規則字串」,這個「規則字串」用來表達對字串的一種過濾邏輯。

- 正規表示式通常用來檢索、替換那些符合某個規則的文字。

了解了正規表示式,現在可以寫乙個簡單的表單驗證。

-這是html**

-給它一點樣式

-正規表示式

//設定開關

var user1=0;

var pass1=0;

var phone1=0;

var em1=0;

var dat1=0;

//獲取賬號物件

var u1=document.

getelementsbyname

('user')[

0];//獲取密碼物件

var p1=document.

getelementsbyname

('pwd')[

0];//獲取手機物件

var ph1=document.

getelementsbyname

('phone')[

0];//獲取郵箱物件

var e1=document.

getelementsbyname

('email')[

0];//獲取出生日期物件

var d1=document.

getelementsbyname

('dat')[

0];//獲取所有的span物件

var spans=document.

getelementsbytagname

('span');

//驗證賬號

//分別給該物件繫結失去焦點事件

u1.onblur

=function()

$/;if(

!reg1.

test

(str1)

)else

}//驗證密碼

p1.onblur

=function()

$/;if(

!reg.

test

(str1)

)else

}//驗證手機號

ph1.

onblur

=function()

\d$/;if

(!reg.

test

(str1)

)else

}//驗證郵箱

e1.onblur

=function()

else

}//驗證出生日期

d1.onblur

=function()

else

}function

fn1(

)else

}<

/script>

-測試結果

by逆戰班:楊歡歡

正規表示式 簡單使用

一 校驗數字的表示式 1 數字 0 9 2 n位的數字 d 3 至少n位的數字 d 4 m n位的數字 d 5 零和非零開頭的數字 0 1 9 0 9 6 非零開頭的最多帶兩位小數的數字 1 9 0 9 0 9 7 帶1 2位小數的正數或負數 d d 8 正數 負數 和小數 d d 9 有兩位小數的...

正規表示式簡單使用

正規表示式很重要的就是其語法,知道了其含義,就能逐漸自己摸索著寫出一些正規表示式,進行一些校驗.語法如下 將下一字元標記為特殊字元 文字 反向引用或八進位制轉義符。例如,n 匹配字元 n n 匹配換行符。序列 匹配 匹配 匹配輸入字串開始的位置。如果設定了regexp物件的multiline屬性,還...

正規表示式資料驗正

使用方法 例 正整數匹配表示式 var pattern 0 9 1 9 0 9 var flag pattern.test a 如果a是正整數,flag的boolean值為true,如果a不是正整數,flag的boolean值為false。浮點數匹配表示式 var pattern 0 9 0 9 浮...