<!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>
</head>
<style type="text/css">
body{font-size:12px; color:#999999;}
.left-padding{padding-left:4px;}
.STYLE1 {color: #000000}
</style>
<script language="javascript" src="Help.js"></script>
<script>
var temp1=false;
var temp2=false;
var temp3=false;
var temp4=false;
//验证是否都通过要求
function Login(txt){
switch(txt){
case 'usename': //用户名文本框
if(document.myform.usename.value==""){
$('login').innerHTML="<font color='red'>请输入用户名</font>";
document.myform.usename.focus();
return temp1=false;
}
if(document.myform.usename.value.length<6||document.myform.usename.value.length>20){
$('login').innerHTML="<font color='red'>用户名长度6~20字符</font>";
document.myform.usename.focus();
return temp1=false;
}
else{
$('login').innerHTML="<font color='blue'>√</font>";
return temp1=true;
}
case 'password': //密码框
if(document.forms[0].password.value==""){
$('pas').innerHTML="<font color='red'>请输入密码</font>";
document.forms[0].password.focus();
return temp2=false;
}
else{
$('pas').innerHTML="<font color='blue'>ok</font>";
return temp2=true;
}
break;
case 'password2': //确认密码框
if(document.forms[0].password2.value==""){
$('pas2').innerHTML="<font color='red'>请输入确认密码</font>";
document.forms[0].password2.focus();
return temp3=false;
}
if(document.forms[0].password2.value!=document.forms[0].password.value){
$('pas2').innerHTML="<font color='red'>两次密码不一致</font>";
document.forms[0].password2.focus();
return temp3=false;
}
else{
$('pas2').innerHTML="<font color='blue'>ok</font>";
return temp3=true;
}
break;
case 'address': //电子邮件框
var hh=document.forms[0].address.value;
if(document.forms[0].address.value==""){
$('email').innerHTML="<font color='red'>请输入电子邮件地址</font>";
document.forms[0].address.focus();
return temp4=false;
}
if(hh.indexOf('@')==-1||hh.indexOf('.')==-1||hh.substring(0,1)=='@'||hh.substring(0,1)=='.'||
hh.substring(hh.length,hh.length-1)=='.')
{
$('email').innerHTML="<font color='red'>电子邮件格式不正确</font>";
document.forms[0].address.focus();
return temp4=false;
}
else{
$('email').innerHTML="<font color='blue'>ok</font>";
return temp4=true;
}
break;
}
}
</script>
<body>
<form id="form1" name="myform" method="post" action="">
<table width="76%" height="179" border="1" cellpadding="0" cellspacing="0" bordercolor="#F4CFA6">
<tr>
<td width="27%" align="right" bgcolor="#A3E9EB">用户名:</td>
<td width="31%" class="left-padding"><label>
<input type="text" name="usename" onblur="Login('usename')" />
</label></td>
<td width="42%"><div class="STYLE1" id="login">用户名长度在6~20字符</div></td>
</tr>
<tr>
<td align="right" bgcolor="#A3E9EB">密码:</td>
<td class="left-padding"><label>
<input type="password" name="password" onblur="Login('password')"/>
</label></td>
<td><div class="STYLE1" id="pas">请输入密码</div></td>
</tr>
<tr>
<td align="right" bgcolor="#A3E9EB">确认密码:</td>
<td class="left-padding"><label>
<input type="password" name="password2" onblur="Login('password2')"/>
</label></td>
<td><div id="pas2"></div></td>
</tr>
<tr>
<td align="right" bgcolor="#A3E9EB">电子邮件地址:</td>
<td class="left-padding"><label>
<input type="text" name="address" onblur="Login('address')" />
</label></td>
<td><div class="STYLE1" id="email">电子邮件必须包含@和.符号</div></td>
</tr>
<tr>
<td align="right" bgcolor="#A3E9EB">城市:</td>
<td colspan="2" class="left-padding"><label>
<select name="select">
<option value="0">--请选择--</option>
</select>
<select name="select2">
<option value="0">--请选择--</option>
</select>
</label></td>
</tr>
<tr>
<td height="39" colspan="3" align="right">
<img src="img/reg.jpg" width="114" height="27" /></td>
</tr>
</table>
</form>
</body>
</html>
ie与firefox的区别有谁解释这段代码为何在ie无法实现功能在火狐中可以,你可以将代码全部复制然后再看效果
答案:1 悬赏:80 手机版
解决时间 2021-07-29 09:42
- 提问者网友:难遇难求
- 2021-07-29 06:14
最佳答案
- 五星知识达人网友:詩光轨車
- 2021-07-29 07:41
不知道你想问的是什么,
可能兼容性不好,你哪不明白你再问吧
我要举报
如以上问答信息为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
大家都在看
推荐资讯