**如下:
<
!doctype html>
"en"
>
"utf-8"
>
title<
/title>
"jquery.js"
>
<
/script>
<
/head>
"1" cellspacing=
"0" cellpadding=
"0" align=
"center"
>
使用者名稱:
<
/td>
"text" id=
"username" onblur=
"fun(this.id)"
>
<
/span>
<
/td>
<
/tr>
密碼:<
/td>
"password" id=
"pwd" onblur=
"fun(this.id)"
>
<
/span>
<
/td>
<
/tr>
確認密碼:
<
/td>
"password" id=
"pwds" onblur=
"fun(this.id)"
>
<
/span>
<
/td>
<
/tr>
郵箱:<
/td>
"text" id=
"mailbox" onblur=
"fun(this.id)"
>
<
/span>
<
/td>
<
/tr>
手機號:
<
/td>
"text" id=
"cpn" onblur=
"fun(this.id)"
>
<
/span>
<
/td>
<
/tr>
身份證號:
<
/td>
"text" id=
"idnumber" onblur=
"fun(this.id)"
>
<
/span>
<
/td>
<
/tr>
位址:<
/td>
"text" id=
"site" onblur=
"fun(this.id)"
>
<
/span>
<
/td>
<
/tr>
"2" align=
"center"
>
"button" value=
"登入" id=
"btn"
>
<
/td>
<
/tr>
<
/table>
// 獲取 span 元素
var s = document.
getelementsbytagname
("span");
// 定義正規表示式
var rs0 =
/^[a-z][a-z]$/
;// 大寫字母開頭不能有數字,符號只能出現下劃線最少6位最多20位
var rs1 =
/^[a-z][a-z0-9\.]$/
;// 大寫字母開頭最少8位做多15位
var rs2 =
/^[a-z][a-z0-9\.]$/
;// 大寫字母開頭最少8位做多15位 並且要與上面的密碼一致
var rs3 =
/^[a-z0-9]+@[a-z0-9]+\.[a-z]$/
;// 郵箱格式 [email protected] [email protected]
var rs4 =
/^1[345678][0-9]$/
;// 第一位只能是1後兩位只能是345678剩下的是數字 共可輸入11位數字
var rs5 =
/^[1-9][0-9][a-z0-9]$/
;// 第一位不能為0最後一位只能是數字和大寫字母 共可輸入 18位
var rs6 =
/^[\u4e00-\u9fa5]+$/
;// 只能是中文
// 當輸入框失去焦點時呼叫該方法驗證使用者輸入格式是否正確
function
fun(name)
else
break
;case
"mailbox"
:// 4.郵箱
// [email protected] [email protected]
span
(name,rs3,s[3]
);break
;case
"cpn"
:// 5.手機號
span
(name,rs4,s[4]
);break
;case
"idnumber"
:// 6.身份證號
span
(name,rs5,s[5]
);break
;case
"site"
:// 7.位址
span
(name,rs6,s[6]
);break;}
/** * 判斷提交
* 當所有輸入框符合格式後才能提交
* @param name
* @param rs
* @param span
*/var obtn = document.
getelementbyid
("btn");
obtn.
onclick
=function()
else
}/**
* 定義乙個方法 通過傳入每個輸入框對應的id名 和對應的正規表示式 來設定span加內容
* @param obj
*/function
span
(name,rs,span)
else}}
<
/script>
<
/body>
<
/html>
JS正規表示式 登陸註冊
要求 使用者名稱只能是字母或者數字或者下劃線,不能以數字開頭,使用者名稱長度在6到20之間 密碼兩次驗證必須一致,使用者名稱密碼不能為空。模擬註冊title type text css body container container h1 div1 name,pwd1,pwd2,telphone ...
簡單正規表示式表單驗證例項
正規表示式表單驗證例項 1 是否帶有小數 function isdecimal strvalue 2 校驗是否由8位數字組成 function isnumber str return reg.test str 3 校驗 號碼格式 function istelnum str d 1 3584 d re...
js正規表示式驗證表單
驗證email return function checkemail var email document.getelementbyid email value if email null email.length 0 else 驗證固定 return function checkofficetel...