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>
復(fù)制代碼 代碼如下:
<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)文章
動(dòng)態(tài)提示的下拉框...2006-08-08
JavaScript雙重輸入文字，會(huì)適時(shí)將第一個(gè)文本框的文字復(fù)制到第二個(gè)文本框中，像克隆一樣，有意思吧，還沒有搞懂這功能我們平時(shí)在哪兒能用上，先收藏一下。2010-10-10
解決表單中第一個(gè)非隱藏的元素獲得焦點(diǎn)的一個(gè)方案
解決表單中第一個(gè)非隱藏的元素獲得焦點(diǎn)的一個(gè)方案2009-10-10
不錯(cuò)的一個(gè)限制同時(shí)選擇的復(fù)選框的最多個(gè)數(shù)2008-10-10
判斷多個(gè)元素(RADIO,CHECKBOX等)是否被選擇的原理說明
多個(gè)元素(RADIO,CHECKBOX等)是否被選擇，常用的就是下面的方法，大家可以研究下。2009-02-02
Javascript實(shí)現(xiàn)CheckBox的全選與取消全選的代碼
在批量處理列表數(shù)據(jù)時(shí)，往往會(huì)用到 CheckBox 的全選與取消全選，雖然她的實(shí)現(xiàn)原理很簡(jiǎn)單，但是對(duì)新手來說還是有些難度。2010-07-07
javascript之文本框輸入四個(gè)數(shù)字自動(dòng)加空格的腳本
javascript之文本框輸入四個(gè)數(shù)字自動(dòng)加空格的腳本...2007-11-11
javascript select 之間傳值效果的代碼...2007-10-10
我們有時(shí)候希望回車鍵敲在文本框（input element）里來提交表單（form），但有時(shí)候又不希望如此。2010-04-04
在一個(gè)form用一個(gè)SUBMIT(或button)分別提交到兩個(gè)處理表單頁面的代碼
在一個(gè)form用一個(gè)SUBMIT(或button)分別提交到兩個(gè)處理表單頁面的代碼...2007-02-02