在我們項目用戶注冊板塊時,通常會在客戶端對用戶填寫 用戶名,密碼等其他基本資料時做些判斷,比如不能為空,符合某一長度等等,通常我們的做法是當不符合時,就alert('some messages...');這樣對客戶來講總是感覺不太好友,這時我們可以換另外一種提示方法,非彈出示的,即用
innerHTML來實現,
說明:
innerHTML 屬性的使用非常流行，因為他提供了簡單的方法完全替代一個 HTML 元素的內容。另外一個方法是使用 DOM Level 2 API （removeChild, createElement, appendChild）。但很顯然，使用 innerHTML 修改 DOM tree 是非常容易且有效的方法.
基本用法：document.控件name.innerHTML("內容") .
<script>
function validate()
{
document.getElementById("udiv").innerHTML="";
document.getElementById("pdiv").innerHTML="";
var isok = true;
if(document.getElementById("userName").value=="")
{
document.getElementById("udiv").innerHTML="用戶名不能為空";
isok = false;
}
if(document.getElementById("phone").value.length!=11)
{
document.getElementById("pdiv").innerHTML="長度應該為11位";
isok = false;
}
return isok;
}
</script>
<form action="test.html" name="frm" onsubmit="return validate()">
用戶名：<input type="text" name="userName" id="phone"><span id="udiv"></span><br>
手機：<input type="text" name="phone" id="phone"><span id="pdiv"></span><br>
<input type="submit" value="提 交">
</form>
這樣比總是彈出提示界面要友好多了.
posted on 2008-09-11 11:29
henry1451 閱讀(572)
評論(0) 編輯 收藏