js登陸表單正規表示式

2021-09-29 02:25:04 字數 3385 閱讀 8913

**如下:

<

!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...