<html>
<head>
<title>仿163注册提示显示-网站制作学习网</title>
<script language="javascript">
var forasp = new Object;
forasp.f = function(obj,h)//obj是检测的text文本框,h是自定义要显示提示层距顶部的高度差,可以自行调节。
{var t = document.getElementById("forasp_cn");
t.style.top = 12 + h +"px";
t.innerHTML=obj.title;//将显示的title放到层里面
t.style.display="";
}
forasp.cl = function(obj)
{
var t = document.getElementById("forasp_cn");
if (obj.value.replace(/[^\x00-\xff]/g,"**").length > obj.l);//将中文替换为两个字符
{alert(obj.title+"长度过长!");obj.value="";obj.focus();}
t.style.display="none";
}
</script>
</head>
<body>
<p><input type="text" size = "25" onfocus="forasp.f(this,0);" onblur="forasp.cl(this)" l="10" title="请输入用户名"><br><!--l表示内容字符的长度,title是显示的内容-->
<input type="text" size = "25" onfocus="forasp.f(this,22);" onblur="forasp.cl(this)" l="10" title="网站制作学习网"><br>
<input type="text" size = "25" onfocus="forasp.f(this,45);" onblur="forasp.cl(this)" l="10" title="要求的宽"><br>
<input type="text" size = "25" onfocus="forasp.f(this,68);" onblur="forasp.cl(this)" l="10" title="要求的高"><br>
<input type="text" size = "25" onfocus="forasp.f(this,91);" onblur="forasp.cl(this)" l="10" title="要求的长度"><br></p><br>
<div id="forasp_cn" style="border: 3px solid rgb(127, 157, 185); padding: 1px 1px 1px 1px; position: absolute; z-index: 999; background-color: rgb(242, 242, 242); height: 18px; top: 270px; left: 200px;display:none;" >这里是隐藏的一个层,主要用来显示提示内容</div>
</body>
</html>
更多信息请查看IT技术专栏