charset="utf-8">
新使用者註冊title>
head>
form
divlabel
span
.inputtext
style>
// 使用者名稱
function
yhmonblus
()$/;
var re = /^[a-za-z_]$/;
if(username.value=="")
else
if(username.value.length < 6 ||username.value.length > 18)
else
if(!re.test(username.value))
else
}function
yhmonfocu
()// 密碼
function
mmonblus
()$/;
// var reg=/[a-za-z].*[0-9]|[0-9].*[a-za-z]/;
if(password.value=="")
else
if(password.value.length < 6)
else
if(!re.test(password.value))
else
} function
mmonfocu
()// 確認密碼
function
qrmmonblus
() else
if(password.value != confirmpassword.value)
else
}function
qrmmonfocu
()// 性別
function
xbonblus
()else
}function
xbonfocu
()// 愛好
function
ahonblus
()else
}function
ahonfocu
()// 聯絡**
function
lxdhonblus
()$/;
if(phone.value=="")
else
if(!re.test(phone))
else
}function
lxdhonfocu
()// 電子郵箱
function
dzyxonblus
()@[a-za-z0-9]\.[a-za-z0-9]/;
if(email.value=="")
else
if(!re.test(email.value))
else
}function
dzyxonfocu
()script>
method=""
action="post"
name="frm">
使用者名稱label>
type="text"
id="username"
class="inputtext"
placeholder="請輸入您的使用者名稱"
onfocus="yhmonfocu()"
onblur="yhmonblus()" />
id="yhmerror">
span>
div>
密碼label>
type="password"
id="password"
class="inputtext"
placeholder="請輸入您的密碼"
onfocus="mmonfocu()"
onblur="mmonblus()"/>
id="mmerror">
span>
div>
確認密碼label>
type="password"
id="confirmpassword"
class="inputtext"
placeholder="請確認您的密碼"
onfocus="qrmmonfocu()"
onblur="qrmmonblus()"/>
id="qrmmerror">
span>
div>
性別label>
type="radio"
name="gender"
value="male"
onfocus="xbonfocu()"
onblur="xbmonblus()"
checked="true"/>男
type="radio"
name="gender"
value="female"
onfocus="xbmonfocu()"
onblur="xbmonblus()"/>女
id="xberror">
span>
div>
愛好label>
type="checkbox"
name="hobby"
value="coding"
onfocus="ahonfocu()"
onblur="ahonblus()"/>寫**
type="checkbox"
name="hobby"
value="running"
onfocus="ahonfocu()"
onblur="ahonblus()"/>跑步
type="checkbox"
name="hobby"
value="sleeping"
onfocus="ahonfocu()"
onblur="ahonblus()"/>睡覺
id="aherror">
span>
div>
聯絡**label>
type="text"
id="phone"
class="inputtext"
onfocus="lxdhonfocu()"
onblur="lxdhonblus()"/>
id="lxdherror">
span>
div>
電子郵箱label>
type="email"
id="email"
class="inputtext"
placeholder="請輸入您的電子郵箱"
onfocus="dzyxonfocu()"
onblur="dzyxonblus()"/>
id="dzyxerror">
span>
div>
form>
body>
html>
js 表單校驗
doctype html html head meta charset utf 8 title title script function checkinfo else function showtip 密碼的相關提示資訊 function pass showtip function pass ch...
JS對註冊頁面進行表單校驗
校驗效果 html lang en 新使用者註冊 user register 已有賬號?立即登入 body reg back reg left reg left p first child reg left p last child reg center reg right reg right p ...
使用者註冊常用校驗
校驗詳情 1.每個輸入框,滑鼠移入,移出時,跟隨浮出資訊提示 正確的資料輸入格式 2.每個輸入框,輸入資料時,格式錯誤,輸入框變紅,輸入框後給出紅色文字提示 輸入正確時,輸入框變回之前樣式,錯誤提示文字消失 3.全部輸入完畢或不輸入任何資料直接點 註冊 按鈕時,對輸入框,從上至下依次校驗,如果全部正...