用innerHTML实现失焦判断[网站编程]

赞助商链接

分享到： QQ空间 新浪微博 腾讯微博 人人网

　　本文“用innerHTML实现失焦判断[网站编程]”是由七道奇为您精心收集，来源于网络转载，文章版权归文章作者所有，本站不对其观点以及内容做任何评价，请读者自行判断，以下是其具体内容：

　　为了避免不友好的弹框提醒,我们利用失焦事件,通过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="年纪必须为数字";

　　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>

　　以上是“用innerHTML实现失焦判断[网站编程]”的内容，如果你对以上该文章内容感兴趣，你可以看看七道奇为您推荐以下文章：

用innerHTML实现失焦判断