快捷導(dǎo)航

JavaScript 輸入框內(nèi)容格式驗(yàn)證代碼

更新時(shí)間：2010年02月11日 12:01:23 作者：

當(dāng)鼠標(biāo)焦點(diǎn)移至密碼輸入框時(shí)，利用js腳本自動(dòng)驗(yàn)證用戶名的格式正確與否

代碼

 
<body> 
用戶名：<input type="text" id="name" /> 
<div id="d" style="display:none; background:#999900;"></div> //驗(yàn)證結(jié)果顯示，注意display是隱藏的 
<br /> 
密碼： <input type="text" id="pwd" onfocus="bb()" /> //pwd輸入框獲得焦點(diǎn)時(shí)觸發(fā)onfocus事件，驗(yàn)證name輸入框的內(nèi)容格式是否正確 
<script> 
var name = document.getElementById("name"); 
function bb(){ 
d.style.display = 'block'; //顯示div 
if(name.value.match(/^\w+/)) { //利用正則表達(dá)式來驗(yàn)證輸入的用戶名 
d.innerHTML = "dui"; 
} 
else{ 
d.innerHTML = "cuo"; 
} 
} 
</script> 
</body> 

相關(guān)文章

js顏色選擇器代碼[firefox不支持]
非常不錯(cuò)的，顏色選擇效果代碼
2008-11-11
仿51JOB的地區(qū)選擇效果(可選擇多個(gè)地區(qū))
以下是HTML網(wǎng)頁特效代碼，點(diǎn)擊運(yùn)行按鈕可查看效果
2008-11-11
文本框根據(jù)輸入內(nèi)容自適應(yīng)高度的代碼
我最煩wordpress編輯器容器那狹窄的高度，每次都需要手動(dòng)調(diào)節(jié)，很不好用
2011-10-10
常用js腳本
常用js腳本...
2006-12-12
javascript中input中readonly和disabled區(qū)別介紹
javascript中input中readonly和disabled區(qū)別，在開發(fā)中可能會(huì)常有用到，利用js動(dòng)態(tài)改變input的屬性
2012-10-10
用javascript實(shí)現(xiàn)文本框和"選擇"按扭之間的間距
用javascript實(shí)現(xiàn)文本框和"選擇"按扭之間的間距...
2007-07-07
js實(shí)現(xiàn)的的文字自動(dòng)''到google search框
js實(shí)現(xiàn)的的文字自動(dòng)''到google search框...
2007-05-05
js form action動(dòng)態(tài)修改方法
js修改form的action屬性的函數(shù)
2008-11-11
js實(shí)時(shí)計(jì)算字?jǐn)?shù)提醒的文本框
那天在一個(gè)論壇上看到一個(gè)相當(dāng)有意思的功能，就是在文本框中輸入字符的時(shí)候，旁邊會(huì)提示還可以輸入多少個(gè)字。
2010-07-07
js數(shù)據(jù)驗(yàn)證集合、js email驗(yàn)證、js url驗(yàn)證、js長度驗(yàn)證、js數(shù)字驗(yàn)證等簡單封裝
js數(shù)據(jù)驗(yàn)證集合，進(jìn)行了封裝推薦大家學(xué)習(xí)使用。里面有例子測試代碼。
2010-05-05