首先建立了五個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是正規表示式。輸入 輸入包含多組...