无弹出框的验证

来源：互联网发布：男士抗痘洗面奶知乎编辑：程序博客网时间：2024/05/17 02:31

<html>
<head><title>当当网用户注册界面</title>
<script language="javascript">
var wrongMes=
"<font color=red>email的格式不对</font>";
var rightMes=
"<font color=black>请填写有效的Email地址，您将用此邮箱接收验证邮件</font>";
var cusWrongMes=
"<font color=red>用户名不能为空，且用户名长度应该4-20字符</font>";
var cusRightMes=
"<font color=black>您的昵称可以由小写英文字母组成，长度4－20个字符</font>";
var pwdWrongMes=
"<font color=red>密码的不能为空，且长度在6-20位</font>";
var pwdRightMes=
"<font color=black>您的密码长度6－20位</font>";
var pwd2WrongMes=
"<font color=red>密码必须一致</font>";
var pwd2RightMes="";
function validate()
{
  var v1=validate1();
  var v2=validate2();
  var v3=validate3();
  var v4=validate4();
  return v1&&v2&&v3&&v4;
}
function validate1()
{
  var i;
  var len = document.frm.email.value.length;
  var flag='N';
  for(i=0;i<len;++i)
  {
   if(document.frm.email.value.charAt(i)=='@')
   {
    flag='Y';
    break;
   }
  }
  if(flag=='N')
  {
   document.getElementById("emailID").innerHTML=wrongMes;
   return false;
  }
  else{
   document.getElementById("emailID").innerHTML=rightMes;
   }
  return true;

}
function validate3()
{
  var len = document.frm.pwd.value.length;
  if(len==''||len>20||len<6)
  {
   document.getElementById("pwdID").innerHTML=pwdWrongMes;
   return false;
  }
  else
   document.getElementById("pwdID").innerHTML=pwdRightMes;
  return true;
}
function validate2()
{
  var cus=document.frm.user.value;
  var flag='N';
  var i;
  len=cus.length;
  for(i=0;i<len;++i)
  {
   if(cus.charAt(i)<'A'||cus.charAt(i)>'z')
   {
    flag='Y';
    break;
   }
  }
  if(flag=='Y'||cus==''||len<4||len>20){
   document.getElementById("userID").innerHTML=cusWrongMes;
   return false;
  }else
  {
   document.getElementById("userID").innerHTML=cusRightMes;
  }
  return true;
}
function validate4()
{
  with(document.frm){
   if(pwd.value==pwd2.value)
   {
    document.getElementById("pwd2ID").innerHTML=pwd2RightMes;
    return true;
   }
   else
   {
    document.getElementById("pwd2ID").innerHTML=pwd2WrongMes;
    return false;
   }
  }
}
</script>
</head>
<body style="font-family:Tahoma; font-size:14px">
<div style="margin-left:100px"><img src="images/logo.gif" />
</div>
<hr color="#FF6600" size="5" width="1000"/>

<form style="margin-left:100px" action="#" method="post" name="frm" >
<h2 style="color:#FF0000">以下为必填选项</h2>
<table width="905" border="0" cellpadding="10" align="center">
  <tr>
    <td width="182">请填写您的Email地址：</td>
    <td width="216"><input type="text" size="30" name="email" /></td>
    <td width="439" style="font-size:12px" id="emailID">请填写有效的Email地址，您将用此邮箱接收验证邮件</td>
  </tr>
  <tr>
    <td>设置您在当当网的昵称：</td>
    <td><input type="text" size="30" name="user" /></td>
<td style="font-size:12px" id="userID">您的昵称可以由小写英文字母组成，长度4－20个字符
   </td>
  </tr>
  <tr>
    <td>设置密码:</td>
    <td><input type="password" size="30" name="pwd" /></td>
<td style="font-size:12px" id="pwdID">
      您的密码长度6－20位
   </td>
  </tr>
  <tr>
    <td>再次输入您设置的密码：</td>
    <td><input type="password" size="30" name="pwd2"/></td>
<td style="font-size:12px" id="pwd2ID"></td>
  </tr>
  <tr>
    <td> </td>
    <td align="right"><input type="submit" name="submit" value="注册" style="width:80px"/></td>
<td></td>
  </tr>
</table>
</form>
</body>
</html>