php通用注册界面代码

来源:互联网 发布:stc单片机烧录协议 编辑:程序博客网 时间:2024/06/08 11:23

  <?php 
header("Content-Type: text/html;charset=utf-8");
include"ClassConn.php";
?> 
<html><body background="./img/register.jpg"></body>    </html>
<script type="text/javascript">
window.onload=show;
        function show() {
         document.getElementById("firstSelect").selectedIndex=0;
         document.getElementById("firstSelect").onchange=provice;
        }
       
        function provice(){
          var firstSelect1=document.getElementById("firstSelect");     //将省级的值赋给firstSelect1
          var va=firstSelect1.options[firstSelect1.selectedIndex].value;
          if(va!="") var intva=parseInt(va);                           //if 一行语句不用括号 对于js
          text(intva); 
        }
        function city(){
          var secondSelect1=document.getElementById("secondSelect");     //将省级的值赋给firstSelect1
          var cityname=secondSelect1.options[secondSelect.selectedIndex].value;
          if(cityname!="")   secondtext(cityname);                         //if 一行语句不用括号 对于js
          
        }
        function text(thisintva){
           var listzero=new Array("遂宁","安居","成都");              //根据省级的选择,将相应的市级,安排在数组中,
           var listfirst=new Array("石家庄市","保 定市","石 定市","北 定市");
           var listsecond=new Array("深 圳","深 广","广 协","演 示");
           var listthird=new Array("海口","海哲","海南");
           var listfourth=new Array("连云港市","南京市","无锡市","苏州市");
                switch(thisintva){
                   case 0: alertCity(listzero);    break;
                   case 1: alertCity(listfirst);   break
                   case 2: alertCity(listsecond);  break;
                   case 3: alertCity(listthird);   break;
                   case 4: alertCity(listfourth);   break;
                   default: alert("对不起。。。请选择………………");
                                }
         }
        function alertCity(select){                //利用for循环语句,将市级名称逐一显示出来,
           for(var i=0;i<select.length;i++){
            var secondSelect=document.getElementById("secondSelect");
                secondSelect.options[i]=new Option(select[i]);     //调用市级 select中的option值并且赋值
           }
        }

 
 
     function check(){
       var name    = document.getElementById('UserName').value;  
       var paswd   = document.getElementById('paswd').value; 
       var repaswd = document.getElementById('repaswd').value;
       var len     = paswd.length;
      
       var call=document.getElementById('call').value;    //手机号码正则表达式验证
       var regcall= /^1[3|4|5|8][0-9]\d{4,8}$/;
       var flagcall=call.match(regcall);
      
       var email   = document.getElementById('eml').value;   //邮箱正则表达式 验证!
       var regeml     = /^\w+@\w+.\w+$/;
       var flageml    = email.match(regeml);
         if (name == '')    {  alert('用户名不能为空');   return false;    }  
         if (paswd == '')   {  alert('密码不能为空');  return false;    }
         if (len<3 || len>16) {  alert('密码必须在3-16个字符之间');    return false;    }   
         if (paswd != repaswd) {  alert('两次输入的密码不一致');      return false;    }  
         if (flageml == null)    {   alert('邮箱格式不正确');       return false;    }
         if (flagcall == null)    {   alert('手机号码格式不正确 如:18762678350');       return false;    }
     } 
     </script>
</head>
<body>
  <form action="registerCode.php" method="post" id="register" name="register" onSubmit="return check()">
  <h3 align="center">注册 </h3>
  <table align="center" border="1">
        <tr> <td>用户名:    </td> <td>  <input type="text"     name="userName"     id="UserName">    </td> </tr>
        <tr> <td>密码:      </td> <td>  <input type="password" name="userPassword" id="paswd">       </td> </tr>
        <tr> <td>密码确认:  </td> <td>  <input type="password" name="123"          id="repaswd">     </td> </tr>
        <tr> <td>性别:      </td> <td>  <input name="gender" type="radio" value="男" checked> 男
                                         <input name="gender" type="radio" value="女">女              </td> </tr> 
        <tr> <td>手机号码:  </td> <td>  <input type="text"     name="call"         id="call">        </td> </tr>
        <tr> <td>邮箱:      </td> <td>  <input type="text"     name="email"        id="eml">         </td> </tr>   
        <tr> <td>送货地址:  </td> <td> 
 <select id="firstSelect" name="provice">
 <option value="">请选择</option>
 <option value="0">四川省</option>
 <option value="1">河北省</option>
 <option value="2">广东省</option>
 <option value="3">海南省</option>
 <option value="4">江苏省</option>
 </select>
 <select id="secondSelect" name="city">
 <option>城市</option>
 </select>
   
                             </td> </tr>
        <tr> <td>邮编:  </td> <td>  <input type="text"     name="mail">                         </td> </tr> 
        <tr> <td>输入验证码:<img src="checkNumber.php" alt="">                                  </td>
             <td>  <input type="text"     name="checkNum">                                       </td></tr>
        <tr> <td>  </td>          
             <td>  <input type="submit"   name="ok"    id="ok"    value="提交" align="left">
                   <input type="button"   name="reset" id="reset" value="返回"
                                                onclick="location.href='login.php'" align="right">  
                                                                                                 </td></tr>
  </table>
  </form>