验证表单的js代码太奇怪了
<html><head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"><title>无...
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<script>
function chname()
{
if(document.form1.uname.value=="")
{
uname1.innerHTML="<img src=wrong.gif>请输入用户名"
document.form1.uname.focus();
return false;
}
else
{
uname1.innerHTML="<img src=right.gif>"
}
}
function chpwd()
{
if(document.form1.pwd.value=="")
{
pwd1.innerHTML="<img src=wrong.gif>请输入密码"
document.form1.pwd.focus();
return false;
}
else
{
pwd1.innerHTML="<img src=right.gif>"
}
}
</script>
</head>
<body>
<FORM name="form1" METHOD=POST ACTION="" >
用户名：
<INPUT TYPE="text" NAME="uname" onBlur="return chname()"><span id="uname1"></span>
<br></br>
密 码：
<INPUT TYPE="text" NAME="pwd" onBlur="return chpwd()"><span id="pwd1"></span><br>
<INPUT TYPE="submit" value="提交">
</FORM>
</body>
</html>
这段代码在火狐浏览器能正常执行，在IE也可以(前提是先填用户名再填密码)！在IE中如果先把光标放在密码输入框中，不甜任何东西，然后离开密码输入框。此时要等好久才能出现应该的出现的东西（在右边出现一个图片叉），好像死机的样子。在火狐就正常!这是怎么回事啊？ 展开
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<script>
function chname()
{
if(document.form1.uname.value=="")
{
uname1.innerHTML="<img src=wrong.gif>请输入用户名"
document.form1.uname.focus();
return false;
}
else
{
uname1.innerHTML="<img src=right.gif>"
}
}
function chpwd()
{
if(document.form1.pwd.value=="")
{
pwd1.innerHTML="<img src=wrong.gif>请输入密码"
document.form1.pwd.focus();
return false;
}
else
{
pwd1.innerHTML="<img src=right.gif>"
}
}
</script>
</head>
<body>
<FORM name="form1" METHOD=POST ACTION="" >
用户名：
<INPUT TYPE="text" NAME="uname" onBlur="return chname()"><span id="uname1"></span>
<br></br>
密 码：
<INPUT TYPE="text" NAME="pwd" onBlur="return chpwd()"><span id="pwd1"></span><br>
<INPUT TYPE="submit" value="提交">
</FORM>
</body>
</html>
这段代码在火狐浏览器能正常执行，在IE也可以(前提是先填用户名再填密码)！在IE中如果先把光标放在密码输入框中，不甜任何东西，然后离开密码输入框。此时要等好久才能出现应该的出现的东西（在右边出现一个图片叉），好像死机的样子。在火狐就正常!这是怎么回事啊？ 展开
1个回答
展开全部
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<script>
function chname()
{
if(document.form1.uname.value=="")
{
uname1.innerHTML="<img src=wrong.gif>请输入用户名"
return false;
document.form1.uname.focus();
}
else
{
uname1.innerHTML="<img src=right.gif>"
}
}
function chpwd()
{
if(document.form1.pwd.value=="")
{
pwd1.innerHTML="<img src=wrong.gif>请输入密码"
return false;
document.form1.pwd.focus();
}
else
{
pwd1.innerHTML="<img src=right.gif>"
}
}
</script>
</head>
<body>
<FORM name="form1" METHOD=POST ACTION="" >
用户名：
<INPUT TYPE="text" NAME="uname" onBlur="return chname()"><span id="uname1"></span>
<br></br>
密 码：
<INPUT TYPE="text" NAME="pwd" onBlur="return chpwd()"><span id="pwd1"></span><br>
<INPUT TYPE="submit" value="提交">
</FORM>
</body>
</html>
右边红色的图片叉 是因为你的主目录下没有right.gif和wrong.gif这图片.
PS:获取焦点那句完全可以不要
document.form1.xxx.focus();
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<script>
function chname()
{
if(document.form1.uname.value=="")
{
uname1.innerHTML="<img src=wrong.gif>请输入用户名"
return false;
document.form1.uname.focus();
}
else
{
uname1.innerHTML="<img src=right.gif>"
}
}
function chpwd()
{
if(document.form1.pwd.value=="")
{
pwd1.innerHTML="<img src=wrong.gif>请输入密码"
return false;
document.form1.pwd.focus();
}
else
{
pwd1.innerHTML="<img src=right.gif>"
}
}
</script>
</head>
<body>
<FORM name="form1" METHOD=POST ACTION="" >
用户名：
<INPUT TYPE="text" NAME="uname" onBlur="return chname()"><span id="uname1"></span>
<br></br>
密 码：
<INPUT TYPE="text" NAME="pwd" onBlur="return chpwd()"><span id="pwd1"></span><br>
<INPUT TYPE="submit" value="提交">
</FORM>
</body>
</html>
右边红色的图片叉 是因为你的主目录下没有right.gif和wrong.gif这图片.
PS:获取焦点那句完全可以不要
document.form1.xxx.focus();
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
