当文本框输入输入信息,后面的错误信息自动清空,焦点还在那个文本框内的时候
锤子馆长 2014-12-03 11:37:29 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
body{ margin:0px;}
#Layer1 {
position:absolute;
left:113px;
top:154px;
width:333px;
height:313px;
z-index:1;
}
#Layer2 {
position:absolute;
left:898px;
top:410px;
width:100px;
height:120px;
z-index:2;
}
</style>
<script language="javascript" type="text/javascript">
function nicheng()
{
var n=document.myform.nametext.value;
var x=document.getElementById("divname");
if(n.length==0)
{
x.innerHTML="<font color='red'>用户名不能为空</font>";
return false;
}
else
{
x.innerHTML="";
}
return true;
}
function mima()
{
var n=document.myform.pwdtext.value;
var x=document.getElementById("divpwd");
if(n.length==0)
{
x.innerHTML="<font color='red'>密码不能为空</fonr>";
return false;
}
else if(n.length<=6)
{
x.innerHTML="";
x.innerHTML="<font color='red'>密码位数不能少于6位</font>";
return false;
}
else
{
x.innerHTML="";
}
return true;
}
function yanzheng()
{
var n=document.myform.pwdtext.value;
var x=document.myform.pwdtext2.value;
var a=document.getElementById("divpwd2");
if(n!=x)
{
a.innerHTML="<font color='red'>2次密码不一致,请重新输入</font>";
return false;
}
else
{
a.innerHTML="";
}
return true;
}
function youxiang()
{
var a=document.myform.emailtext.value;
var q=document.getElementById("divemail");
if(a.indexOf("@",0)==-1)
{
q.innerHTML="";
q.innerHTML="<font color='bule'>邮箱中要包含@符号</font>";
return false;
}
else if(a.indexOf(".",0)==-1)
{
q.innerHTML="";
q.innerHTML="<font color='bule'>邮箱中要包含 . 符号</font>";
return false;
}
else
{
q.innerHTML="";
return true;
}
return true;
}
function checkfrom()
{
if(nicheng() && mima() && yanzheng() && youxiang())
{
document.myform.submit();
}
else
{
return false;
}
}
function xianshi()
{
var n=document.myform.nametext.value;
n.innerHTML="";
}
</script>
</head>
<body>
<div id="Layer1"><img src="images/23.gif" width="333" height="313" /></div>
<div id="Layer2"><img src="images/53280137f8ff7815bcc964af97e7306c.gif" width="100" height="120" /></div>
<form id="form1" name="myform" method="post" action="chengg.html">
<table width="770" height="471" border="0" align="center" cellpadding="0" cellspacing="0" background="images/1S04GJ4_0.jpg">
<tr>
<td height="162" colspan="2"> </td>
</tr>
<tr>
<td width="445" height="30"><div align="right">昵称</div></td>
<td width="563" height="40"><label>
<input type="text" name="nametext" onblur="nicheng()" onchange="xianshi()"/>
<div style="display:inline" id="divname"></div>
</label></td>
</tr>
<tr>
<td height="17"><div align="right">密码</div></td>
<td height="40"><label>
<input type="password" name="pwdtext" onblur="mima()" />
<div style="display:inline" id="divpwd"></div>
</label></td>
</tr>
<tr>
<td height="30"><div align="right">确认密码</div></td>
<td height="40"><label>
<input type="password" name="pwdtext2" onblur="yanzheng()"/>
<div style="display:inline" id="divpwd2"></div>
</label></td>
</tr>
<tr>
<td height="27"><div align="right">性别</div></td>
<td height="40"><label>
<input name="radiobutton" type="radio" value="radiobutton" checked="checked" />
男
<input type="radio" name="radiobutton" value="radiobutton" />
女
</label></td>
</tr>
<tr>
<td height="24"><div align="right">电子邮箱</div></td>
<td height="40"><label>
<input type="text" name="emailtext" onblur="youxiang()" />
<div style="display:inline" id="divemail"></div>
</label></td>
</tr>
<tr>
<td colspan="2"><label>
<div align="center"><img src="images/jpg3.jpg" width="181" height="50" onclick="checkfrom()"/></div>
</label></td>
</tr>
</table>
</form>
<p> </p>
<p> </p>
</body>
</html>