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