|
復制代碼 代碼如下:
<body>
用戶名:<input type="text" id="name" />
<div id="d" style="display:none; background:#999900;"></div> //驗證結果顯示,注意display是隱藏的
<br />
密碼: <input type="text" id="pwd" onfocus="bb()" /> //pwd輸入框獲得焦點時觸發onfocus事件,驗證name輸入框的內容格式是否正確
<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>
JavaScript技術:JavaScript 輸入框內容格式驗證代碼,轉載需保留來源!
鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。