innerHTM實現(xiàn)失焦判斷方法

為了避免一些不友好的彈窗提示，使用失焦事件innerHTML給用戶友好提示，在以后的項目用戶注冊板塊都可以用得到，代碼如下：

　　<script>
　　function validate()
　　{
　　document.getElementById("udiv").innerHTML="";
　　document.getElementById("pdiv").innerHTML="";
　　document.getElementById("adiv").innerHTML="";

　　var isok = true;
　　if(document.getElementById("userName").value=="")
　　{
　　document.getElementById("udiv").innerHTML="用戶名不能為空";
　　isok = false;
　　}
　　if(document.getElementById("passWord").value=="")
　　{
　　document.getElementById("pdiv").innerHTML="密碼不能為空";

　　isok = false;
　　}
　　if(document.getElementById("passWord").value.length<6)
　　{
　　document.getElementById("pdiv").innerHTML="密碼長度不應小于6位";
　　isok = false;
　　}

　　if(document.getElementById("age").value=="")
　　{
　　document.getElementById("adiv").innerHTML="年齡不能為空";
　　isok = false;
　　}
　　if(isNaN(document.getElementById("age").value))
　　{
　　document.getElementById("adiv").innerHTML="年齡必須為數(shù)字";
　　isok = false;

　　}
　　return isok;
　　}
　　</script>

　　<form action="2.html" name="frm" onsubmit="return validate()">
　　用戶名：<input type="text" name="userName"><span id="udiv"></span><br>
　　密碼：<input type="password" name="passWord"><span id="pdiv"></span><br>
　　年齡：<input type="text" name="age"><span id="adiv"></span><br>

　　<input type="submit" value="提 交">
　　</form>