JavaScript 輸入框內(nèi)容格式驗證代碼
更新時間：2010年02月11日 12:01:23 作者：
當(dāng)鼠標(biāo)焦點移至密碼輸入框時，利用js腳本自動驗證用戶名的格式正確與否
代碼
<body>
用戶名：<input type="text" id="name" />
<div id="d" style="display:none; background:#999900;"></div> //驗證結(jié)果顯示，注意display是隱藏的
<br />
密碼： <input type="text" id="pwd" onfocus="bb()" /> //pwd輸入框獲得焦點時觸發(fā)onfocus事件，驗證name輸入框的內(nèi)容格式是否正確
<script>
var name = document.getElementById("name");
function bb(){
d.style.display = 'block'; //顯示div
if(name.value.match(/^\w+/)) { //利用正則表達(dá)式來驗證輸入的用戶名
d.innerHTML = "dui";
}
else{
d.innerHTML = "cuo";
}
}
</script>
</body>
復(fù)制代碼 代碼如下:
<body>
用戶名：<input type="text" id="name" />
<div id="d" style="display:none; background:#999900;"></div> //驗證結(jié)果顯示，注意display是隱藏的
<br />
密碼： <input type="text" id="pwd" onfocus="bb()" /> //pwd輸入框獲得焦點時觸發(fā)onfocus事件，驗證name輸入框的內(nèi)容格式是否正確
<script>
var name = document.getElementById("name");
function bb(){
d.style.display = 'block'; //顯示div
if(name.value.match(/^\w+/)) { //利用正則表達(dá)式來驗證輸入的用戶名
d.innerHTML = "dui";
}
else{
d.innerHTML = "cuo";
}
}
</script>
</body>
相關(guān)文章
![js顏色選擇器代碼[firefox不支持]](http://img.jbzj.com/images/xgimg/bcimg0.png)
非常不錯的，顏色選擇效果代碼2008-11-11
仿51JOB的地區(qū)選擇效果(可選擇多個地區(qū))
以下是HTML網(wǎng)頁特效代碼，點擊運行按鈕可查看效果2008-11-11
文本框根據(jù)輸入內(nèi)容自適應(yīng)高度的代碼
我最煩wordpress編輯器容器那狹窄的高度，每次都需要手動調(diào)節(jié)，很不好用2011-10-10
常用js腳本...2006-12-12
javascript中input中readonly和disabled區(qū)別介紹
javascript中input中readonly和disabled區(qū)別，在開發(fā)中可能會常有用到，利用js動態(tài)改變input的屬性2012-10-10
用javascript實現(xiàn)文本框和"選擇"按扭之間的間距
用javascript實現(xiàn)文本框和"選擇"按扭之間的間距...2007-07-07
js實現(xiàn)的的 文字自動''到google search框
js實現(xiàn)的的 文字自動''到google search框...2007-05-05
js修改form的action屬性的函數(shù)2008-11-11
那天在一個論壇上看到一個相當(dāng)有意思的功能，就是在文本框中輸入字符的時候，旁邊會提示還可以輸入多少個字。2010-07-07
js數(shù)據(jù)驗證集合、js email驗證、js url驗證、js長度驗證、js數(shù)字驗證等簡單封裝
js數(shù)據(jù)驗證集合，進(jìn)行了封裝推薦大家學(xué)習(xí)使用。里面有例子測試代碼。2010-05-05