為啥我寫(xiě)的沒(méi)辦法驗(yàn)證
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無(wú)標(biāo)題文檔</title>
<style type="text/css">
body, form, input{margin:0;padding:0;font-size:12px}
body{ margin-left:50px}
form{ height:30px; line-height:30px}
.text{height:20px; vertical-align:middle}
.btn{ height:24px;width:50px;vertical-align:middle; border:1px solid #333; background:#ccc;}
</style>
</head>
<script type="text/javascript">
window.onload=function(){
? ? var oBtn=document.getElementById('submitBtn');
var oInput=document.getElementById('name');
oBtn.olnput=function(){
var re =/^[a-zA-Z]{1}[\w\_\.]{4,19}$/g;
if(re.test(oInput.value)==false){
alert("× 格式錯(cuò)誤！")
}
else{
alert("√ 格式正確！")
}
}
}
</script>
<body>
<h3>要求：</h3>
<p>1. 只能輸入5-20個(gè)字符，必須以“字母”開(kāi)頭</p>
<p>2. 可以帶“數(shù)字" “_” “.”的字串</p>
<br />
<form>
<label>用戶名：<input id="name" class="text" type="text" /></label> <input id="submitBtn" class="btn" type="button" value="驗(yàn)證" />
</form>
</body>
</html>
2017-08-07
oBtn.olnput=function()改成oBtn.onclick=function()，是當(dāng)點(diǎn)擊驗(yàn)證的按鈕的時(shí)候執(zhí)行函數(shù)！