一个通用的注册网页面

来源：互联网发布：数据库一体机市场份额编辑：程序博客网时间：2024/06/05 20:02

<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>注册</title>
<style type="text/css">

</style>
<script language="javascript">
var str1="请你仔细填写以下注册信息!!!";//标题滚动消息
var strStatus="TOM免费邮件愿意为你提供优质服务";//状态滚动消息
var len1 = strStatus.length;//状态滚动消息的长度
var len=str1.length;//标题滚动消息的长度
var i = 0;//标题滚动消息长度变量
var j = 0;//状态滚动消息长度变量
var statuconce =true;//状态滚动条件
var testOnce = true;//标题滚动条件
//滚动实现
function begin()
{
     window.status=strStatus.substr(strStatus,j);
if(statuconce)
{
    j++;
    if(j >len1)
    {
      statuconce = false;
    }
}
else
{
    j --;
    if(j < 0)
    {
    statuconce = true;
    }
}
document.reg.disp.value = str1.substr(str1,i);
if (testOnce)
{
  i++;
  if(i > len)
  {
    testOnce = false;
  }
}
else
{
    i--
    if(i < 0)
    {
    testOnce= true;
    }
}
setTimeout("begin()",200);
}
//初始化验证码
var stryzm="";
var strC="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwyz1234567890";//验证码能够输出的字符集合
function csh()
{
   var i;
   while(stryzm.length<5)
   {
       //抽取随机字符
    stryzm = stryzm+strC.charAt(Math.round(Math.random()*strC.length));
   }
document.reg.text2.value = stryzm;
}

</script>
<script language="javascript">
<!--

var uName;//用户名
var uPass;//密码
var confUP;//确认密码
var seleP;//
var ansP;
var yzmP;
var strC="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwyz1234567890";
function userN()
{
if((document.reg.userName.value.length >=4)&&(isLetter()))
{
  document.reg.userName.style.color="green";
  uName = true;
}
    else
{
   document.reg.userName.style.color="red";
   uName = false;
}
}
//判断是不是字符和用户名首字符是不字母开头
function isLetter()
{
   var i;
   if(((document.reg.userName.value.charAt(0) >= 'a' )&&(document.reg.userName.value.charAt(0)<='z')) ||((document.reg.userName.value.charAt(0) >= 'A' )&&(document.reg.userName.value.charAt(0)<='Z')))
   {
      for(i = 1; i < document.reg.userName.value.length;i++)
   {
     if(strC.indexOf(document.reg.userName.value.charAt(i)) == -1)
    return false;
    }
      return true;
    }
else
{
   return false;
}
}
function userP()
{
if((document.reg.userPass.value.length >=5) &&(document.reg.userPass.value.length <=12))
{
     document.reg.userPass.style.color = "green";
  uPass = true;
}
else
{
     document.reg.userPass.style.color = "red";
  uPass = false;
}
if(document.reg.confUserPass.value.length != 0)
{
  if(document.reg.confUserPass.value == document.reg.userPass.value)
{
  document.reg.confUserPass.style.color = "green";
  confUP = true;
}
else
{
  document.reg.confUserPass.style.color = "red";
  confUP = false;
}
}
}
function confUserP()
{
if(document.reg.confUserPass.value == document.reg.userPass.value)
{
  document.reg.confUserPass.style.color = "green";
  confUP = true;
}
else
{
  document.reg.confUserPass.style.color = "red";
  confUP = false;
}
}

function sele()
{
   if(document.reg.passQuestion.value == "123")
   {
      ansP =false;
   document.body.all.list1.style.display="none";
   document.reg.passAnswer.value="";
   }
    else
   {
      ansP = true;
   document.reg.passAnswer.value="请输入密码答案";
   document.body.all.list1.style.display = "block";

   }
}
function opAnse()
{
document.reg.passAnswer.value="";
}
function lpAnse()
{
    switch (document.reg.passQuestion.value)
{
    case "like":
   if(document.reg.passAnswer.value != "jsp")
     {
        seleP = false;
        document.reg.passAnswer.style.color ="red";
       }
      else
      {
      seleP = true;
      document.reg.passAnswer.style.color ="green";
       }
    break;
  case "love":
    if(document.reg.passAnswer.value != "wqx")
    {
      seleP = false;
      document.reg.passAnswer.style.color ="red";
       }
    else
        {
      seleP = true;
        document.reg.passAnswer.style.color ="green";
            }
     break;

  case "master":
    if(document.reg.passAnswer.value != "zzh")
    {
      seleP = false;
      document.reg.passAnswer.style.color ="red";
       }
    else
        {
      seleP = true;
        document.reg.passAnswer.style.color ="green";
            }
     break;
  case "mycolor":
    if(document.reg.passAnswer.value != "green")
    {
      seleP = false;
      document.reg.passAnswer.style.color ="red";
       }
    else
        {
      seleP = true;
        document.reg.passAnswer.style.color ="green";
            }
     break;
}
}
function yzm()
{
if(document.reg.yzmI.value == document.reg.text2.value)
{
   yzmP = true;
   document.reg.yzmI.style.color="green";
}
else
{
   yzmP = false;
   document.reg.yzmI.style.color="red";
}
}

function tijiao()
{
if(document.reg.conf[1].checked==true)
{
    if(confirm("是否要退出！"))
    {
       close();
      return false;
    }
    else
    {
   return false;
    }
}

if((uName)&&(uPass)&&(confUP)&&(seleP)&&(ansP)&&(yzmP))
{
  alert("恭喜你可以注册了！！！");
  return true;
}
else if((document.reg.userName.value.length==0)||(document.reg.userPass.value.length==0)||(document.reg.confUserPass.value.length == 0)||(document.reg.passQuestion.value.length==0)||(document.reg.passAnswer.value.length == 0)||(document.reg.yzmI.value.length==0)||(ansP==false))
{
   alert("有必填写项目没有填写");
   return false;
}

{
    alert("有错误,请检查红字显示的内容.")
    return false;
}

}

function onres()
{
location.reload();
}