doctype html
>
<
html
>
<
head
>
<
meta
charset
="utf-8"
>
<
title
>
title
>
<
script
>
function
checkinfo ()
else
}function
showtip()
//密碼的相關提示資訊
function
pass_showtip()
function
pass_checkinfo()
else
else}}
//下面是郵箱的驗證了
function
email_checkinfo()$"))
else
}//最後就是手機的正則匹配了
function
phone_checkinfo()$
/.test(phonevalue))
//此時手機號匹配成功
span.innerhtml="
符合";
else
span.innerhtml="
抱歉!不符合要求"}
//確認密碼的操作
function
relpassword_checkinfo()
else
}script
>
head
>
<
body
>
<
script
>
//筆記:
/** onfocus:當獲得焦點時啟動相應的函式
* onblur:當失去焦點時啟動相應的函式
* onkeyup:按鍵按下去之後手指抬起所觸發的事件
*/script
>
<
form
>
使用者名稱:
<
input
type
="text"
name
="username"
id="username"
onfocus
="showtip()"
onkeyup
="checkinfo()"
/><
span
id="span_username"
>
span
><
br />
密碼:<
input
type
="password"
name
="password"
id="password"
onfocus
="pass_showtip()"
onblur
="pass_checkinfo()"
/><
span
id="span_password"
>
span
><
br />
確認密碼:
<
input
type
="password"
name
="relpassword"
id="relpassword"
onblur
="relpassword_checkinfo()"
/><
span
id="span_relpassword"
>
span
><
br />
<
input
type
="email"
name
="email"
id="email"
onblur
="email_checkinfo()"
/><
span
id="span_email"
>
span
><
br />
手機:<
input
type
="text"
name
="phone"
id="phone"
onblur
="phone_checkinfo()"
/><
span
id="span_phone"
>
span
><
br />
form
>
body
>
html
>
js 強校驗 弱校驗 js中表單的校驗
首先我們需要先建立 html 靜態頁面 的註冊頁面 建立完整個登錄檔 然後寫校驗公共的方法 提取公共的部分 function check id,reg else if reg.test val else 然後其他元素呼叫公共方法 校驗使用者名稱方法 function checkname return...
使用者註冊介面js校驗 表單提示
charset utf 8 新使用者註冊title head form divlabel span inputtext style 使用者名稱 function yhmonblus var re a za z if username.value else if username.value.leng...
優化表單資料的JS校驗
在平常的web開發中,我經常需要在客戶端對表單的資料進行驗證。比如,我們驗證表單輸入的內容不為空 1 根據以往的經驗,我們會寫出如下的js驗證 但是,現在我有乙個業務追求 我要在頁面取得的表單資料有很多,比如有十幾二十項資料吧,那麼我們要在js 中重複的寫一部分 這樣就將頁面的 拉得很長,以至於 很...