使用正規表示式判斷表單中的文字

2021-10-08 20:02:21 字數 1526 閱讀 1532

首先建立了五個input文字,分別存放qq號、郵箱、手機、生日、姓名的文字。

之後分別獲取這五個元素,封裝了乙個方法用於判斷文字是否有效,傳入了元素、正規表示式以及提示文字。

判斷很簡單,首先給元素繫結失去焦點事件,這樣當離開文字框,如果有錯誤就會彈出相對應的提示文字,彈出文字用到了元素的下乙個兄弟節點方法(nextelementsibling),如果不成立,給span標籤新增文字和樣式即可。

**如下

qq號:

'text' id =

'textqq'

>

<

/span>

<

/br>

郵箱:'text' id =

'email'

>

<

/span>

<

/br>

手機:'text' id =

'phone'

>

<

/span>

<

/br>

生日:'text' id =

'bul'

>

<

/span>

<

/br>

姓名:'text' id =

'username'

>

<

/span>

<

/br>

var textqq = document.

getelementbyid

('textqq');

var email = document.

getelementbyid

('email');

var phone = document.

getelementbyid

('phone');

var bul = document.

getelementbyid

('bul');

var username = document.

getelementbyid

('username');

function

test

(el,reg,tip)

else}}

test

(textqq,

/^\d$/

,'請輸入正確格式的qq');

test

(email,

/^\w+@\w+\.\w+$/

,'請輸入正確格式的郵箱');

test

(phone,

/^[1-9]\d$/

,'請輸入正確格式的手機號');

test

(bul,

/^\d-\d[1,2]-\d[1,2]$/

,'請輸入正確格式的日期');

test

(username,

/^[\u4e00-\u9fa5]$/

,'請輸入正確格式的姓名');

<

/script>

希望對你有用!

正規表示式判斷

public class test 校驗輸入的qq號碼是否符合規則 param qq return public static boolean checkqq1 string qq 如果qq號碼中有任何一位不是數字,就直接返回false for int i 0 i qq.length i 如果首位是...

表單驗證中的正規表示式

前些時間學習jquery外掛程式 validation時,埋了個正規表示式的坑,現在來填。首先附上官方解釋 正規表示式是對字串操作的一種邏輯公式,就是用事先定義好的一些特定字元 及這些特定字元的組合,組成乙個 規則字串 這個 規則字串 用來表達對字串的一種過濾邏輯。給定乙個正規表示式和另乙個字串,我...

正規表示式的判斷

給定乙個字串,判斷其是否為合法的正規表示式。乙個正規表示式定義為 1 0是正規表示式,1也是正規表示式。2 p和q都是正規表示式,則pq是正規表示式。3 p是正規表示式,則 p 是正規表示式 4 p是正規表示式,則p 也是正規表示式 5 p和q都是正規表示式,則p q是正規表示式。輸入 輸入包含多組...