邮箱注册_test邮箱注册-CSDN博客

本文链接：https://blog.csdn.net/shiyaniii/article/details/6645123

<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=GBK">
  <title>注册邮箱</title>
  <style>
   span{
    color:red;
   }
   #div{

   background:url(img1/炫目的浮云.jpg);
   position:absolute;

   }
  </style>
  <script>
    function testEmail(){
     var uemail=document.getElementById("email");
     email_span=document.getElementById("unameError");
     var str="";
     if(uemail.value.length<6||uemail.value.length>18){
      str="   <img src='img1/感叹号.bmp' />"+"长度应在6-18之间";
     }else{
      str="   <img src='img1/大勾.bmp' />";
     }
     email_span.innerHTML=str;
    }
    function testPWD(){
     var pwd=document.getElementById("pwd");
     pwd_span=document.getElementById("pwdError");
     pwd_span.innerHTML="";
     if(pwd.value.length<6||pwd.value.length>16){
      pwd_span.innerHTML="   <img src='img1/感叹号.bmp' />"+"长度应在6-16之间";
     }else{
      pwd_span.innerHTML="   <img src='img1/大勾.bmp' />";
     }
     count=1;
    }
    function testRpwd(){
     var pwd=document.getElementById("pwd");
     var rpwd=document.getElementById("rpwd");
     rpwd_span=document.getElementById("rpwdError");
     rpwd_span.innerHTML="";
     if((rpwd.value)==(pwd.value)&&rpwd.value!=""){
     rpwd_span.innerHTML="   <img src='img1/大勾.bmp' />";
     alert(rpwd.value.equals(pwd.value));
     }else{
      rpwd_span.innerHTML="   <img src='img1/感叹号.bmp' />"+"输入有误，请重新输入！"
     }

    }


   function check(){

    var mobile=document.getElementById("mobile");
    mobile_span=document.getElementById("mobileError");
    mobile_span.innerHTML="";

    if(mobile.value.length==11){
     mobile_span.innerHTML="   <img src='img1/大勾.bmp' />";
    }else{
     mobile_span.innerHTML="   <img src='img1/感叹号.bmp' />"+"请输入有效手机号！";
    }

   }
   var count=1;
   function testPwd(){

    pwd_span=document.getElementById("pwdError");
    pwd_span.innerHTML="";

    if(count==1)
    {
     pwd_span.innerHTML="   <img src='img1/1.bmp'/>";
    }else if(count>1&&count<6)
    {
     pwd_span.innerHTML="   弱"+"<img src='img1/4.bmp'/>";
    }
    else if(count>=6&&count<10)
    {
     pwd_span.innerHTML="   中"+"<img src='img1/3.bmp'/>";
    }
    else   if(count>=10&&count<=16)
    {
     pwd_span.innerHTML="   强"+"<img src='img1/2.bmp'/>";
    }
    count++;
   }

  </script>
</head>
<body >
  <div id="div">
  <form >
   邮箱地址     <input type="text" name="email" id="email" size="30" οnblur="testEmail();"/>@
   <select name="address" id="addr" >
    <option value="1">163.com</option>
    <option value="2">126.com</option>
    <option value="3">yeah.net</option>
   </select><span id="unameError"></span><br>
   <span>6~18个字符，包括字母、数字、下划线，以字母开头，字母或数字结尾</span><br>
   密码     <input type="password" name="pwd" id="pwd" size="30" οnblur="testPWD();" οnkeypress="testPwd();"/><span id="pwdError"></span><br><br>
   确认密码 <input type="password" name="rpwd" id="rpwd" size="30" οnblur="testRpwd();"/><span id="rpwdError" ></span><br><br>
   手机号码 <input type="text" name="mobile" id="mobile" size="28" οnblur="check();"/><span id="mobileError" ></span><br><br>
                    <input type="button" value="提交" />
   </form>
   </div>
</body>
</html>