innerHTM实现失焦判断方法
为了避免一些不友好的弹窗提示,使用失焦事件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>
文章标题:innerHTM实现失焦判断方法
文章链接://www.hpwebtech.com/jiqiao/50291.html
为给用户提供更多有价值信息,ZOL下载站整理发布,如果有侵权请联系删除,转载请保留出处。
HTML5视频速度控制软件简介
HTML5视频速度控制是一款为视频加速和减速的插件,用户在浏览器上观看视频的时候,觉得视频播放速度太快或太慢,就可以使用该插件对视频进行减速或加快。功能介绍 加快或减慢任何网站上的任何HTML5视频。 控制HTML5视频的速度。观看视频时,您可以使用键盘进行以下操作:提高速度,降低速度,快进和快退。 ... 详细介绍»