JQUERY+MYSQL+PHP通用用户注册页面的实例

来源：互联网发布：淘宝钻石买家号出售编辑：程序博客网时间：2024/05/23 21:27

用户注册页面。可检测用户名是否被使用，以及其他输入的信息是否符合相应的规则。

[php] view plaincopy
<?php //注册新账号的编辑界面  
    require('menu2.php');//加载短菜单  
    require('configywcl.php');//加载配置文件    
?>  
<html>  
<head>  
    <title>注册新账号</title>     
<script type="text/javascript" src="jquery-1.7.2.js"></script> <!--千万别忘记引用jQuery文件，否则无法执行-->  
<script type="text/javascript"><!--自动检查账号是否被注册-->  
    $(  
      function()  
        {      
        //方式一   jQuery(普通应用时推荐，简单易用)  
        $("#user").blur(function()  
                                 {        //文本框鼠标焦点消失事件  
                                    $.get("check_user.php?user="+$("#user").val(),null,function(data)   //此处get方式 可换为post方式按需求调整，其他无需修改使用方式一样  
                                    {  
                                        $("#chk").html(data);   //向ID为chk的元素内添加html代码  
                                    }  
                                    );  
                                }  
                        )          
        }  
    )  
</script>   
</head>  
<h2 align="center" >注册新账号</h2>  
  
<form method="post" action="adduser.php" name="regform">    
    
  <script type="text/javascript">  
    function regcheck()  
    {         
          
        var username=document.regform.username.value;  
        var regbianhao=/^01111[0-1][0-9]{2}$/;  
        var regmobile=/^1[0-9]{10}$/;  
        var regbgdh=/^6034[0-9]{4}$/;  
        var regpassword=/^[A-Za-z0-9]+$/;  
        var regrealname=/^[\u0391-\uFFE5]+$/;  
        var password1=document.regform.password1.value;  
        var password2=document.regform.password2.value;  
        var realname=document.regform.realname.value;  
        var mobile=document.regform.mobile.value;  
        var bgdh=document.regform.bgdh.value;  
        var keshi=document.regform.keshi.value;  
        var bianhao=document.regform.bianhao.value;  
        var jibie=document.regform.jibie.value;  
                  
          
        if (!username.match(regpassword))   
        {  
            alert("账号应由英文或数字组成");  
            document.regform.username.focus();  
            return false;  
        }                 
        if (!password1.match(regpassword))   
        {  
            alert("密码应由英文或数字组成");  
            document.regform.password1.focus();  
            return false;  
        }  
        if (!password2.match(regpassword))   
        {  
            alert("密码应由英文或数字组成");  
            document.regform.password2.focus();  
            return false;  
        }         
        if (password2!=password1)   
        {  
            alert("两次密码不一致");  
            document.regform.password1.focus();  
            return false;  
        }         
        if (!realname.match(regrealname))   
        {  
            alert("姓名必须为汉字");  
            document.regform.realname.focus();  
            return false;  
        }         
        if (!mobile.match(regmobile))  
        {  
            alert("手机号格式错误");  
            document.regform.mobile.focus();  
            return false;  
        }     
        if (!bgdh.match(regbgdh))  
        {  
            alert("办公电话格式错误");  
            document.regform.bgdh.focus();  
            return false;  
        }     
        if (keshi=="请选择科室")   
        {  
            alert("科室未选择");  
            document.regform.keshi.focus();  
            return false;             
        }         
        if (jibie=="请选择级别")  
        {  
            alert("级别未选择");  
            document.regform.jibie.focus();  
            return false;  
        }   
        if (bianhao!=""){  
            if (bianhao!=bianhao.match(regbianhao))   
            {  
                alert("人员编号格式错误");  
                document.regform.bianhao.focus();  
                return false;  
            }  
        }  
          
    }         
</script>  
      
<table width="480" align="center">  
    <tr>  
        <td width="130" align="right" class="back"><font color="red">*</font>注册帐号：</td>  
      <td width="150"><input name="username" type="text" id="user" autofocus></td>  
      <td width="250">例：wuanshou<span id="chk"></span></td>  
    </tr>  
      
    <tr>  
        <td align="right" class="back"><font color="red">*</font>输入密码：</td>  
      <td><input name="password1" type="password"></td>  
      <td>例：ae4D5c</td>  
    </tr>  
    <tr>  
      <td align="right" class="back"><font color="red">*</font>确认密码：</td>  
      <td><input name="password2" type="password"></td>  
      <td>例：ae4D5c</td>  
    </tr>  
    <tr>  
      <td align="right" class="back"><font color="red">*</font>真实姓名：</td>  
      <td><input name="realname" type="text"></td>  
      <td>例：吴安寿</td>  
    </tr>  
    <tr>  
      <td align="right" class="back"><font color="red">*</font>手机号码：</td>  
      <td><input name="mobile" type="text"></td>  
      <td>例：15311772705</td>  
    </tr>  
    <tr>  
      <td align="right" class="back"><font color="red">*</font>办公电话：</td>  
      <td><input name="bgdh" type="text"></td>  
      <td>例：60342032</td>  
    </tr>  
    <tr>  
        <td align="right" class="back"><font color="red">*</font>科室：</td>  
        <td><select name="keshi">  
        <option>请选择科室</option>  
        <?php   
        $sqlgroups="select keshi from keshi";  
        $resultgroups=mysql_query($sqlgroups);  
            $numrows=mysql_num_rows($resultgroups);  
            if ($numrows>0)  
            {  
                while($data=mysql_fetch_array($resultgroups))  
                {  
                      
                    $keshi=$data['keshi'];                
        ?>  
        <option><?php echo $keshi;?></option>  
        <?php  
                }  
            }  
        ?>  
      </select></td>  
      <td> </td>  
    </tr>  
    <tr>  
        <td align="right" class="back"><font color="red">*</font>级别：</td>  
      <td>  
      <select name="jibie">  
          <option>请选择级别</option>  
        <?php   
        $sqlgroups="select * from jibie";  
        $resultgroups=mysql_query($sqlgroups);  
            $numrows=mysql_num_rows($resultgroups);  
            if ($numrows>0)  
            {  
                while($data=mysql_fetch_array($resultgroups))  
                {  
                      
                    $jibie=$data['jibie'];                
        ?>  
          <option><?php echo $jibie;?></option>  
        <?php  
                }  
            }  
        ?>  
           
      </select>  
      </td>  
      <td> </td>  
    </tr>  
    <tr>  
      <td align="right" class="back">编号：</td>  
      <td><input name="bianhao" type="text"></td>  
      <td>例：01111099</td>  
    </tr>  
    <tr>  
      <td align="right" class="back">备注：</td>  
      <td><input name="bz" type="text"></td>  
      <td> </td>  
    </tr>  
    <tr>  
      <td align="left" class="back"><input type="reset" name="chongzhi" value="清空"/></td>  
      <td align="right" class="back"><input type="submit" name="zuce" value="完成" onClick="return regcheck()"/></td>  
      <td align="left" class="back"> </td>  
    </tr>  
</table>  
</form>  
<?php  
require('foot.php');  
?>  

check_user.php的代码

[php] view plaincopy
<?php //检测帐号是否被注册的AJAX部分  
header("Content-type:text/html;charset=UTF-8");  
include('configywcl.php');//加载配置文件  
  
//GET方式获取数据（取决于异步提交时提交方式）  
if($_GET['user'])  
{  
    $user=$_GET['user'];      
    //此处可进行数据库匹配，本次省略直接判断  
    $sql="select username from user where username='$user'";//判断用户是否已经存在  
    $result=mysql_query($sql);  
    $num_rows=mysql_num_rows($result);    
    if($num_rows>0)  
    {         
        echo "<img src=\"images/err.png\" class=\"t1\"/>";  
        echo "<font color=red>不可用</font>";  
    }  
    else  
    {  
        echo "<img src=\"images/yes.png\" class=\"t1\"/>";  
        echo "<font color=green>可用</font>";  
    }  
      
/*POST方式获取数据（取决于异步提交时提交方式） 
if($_POST['user']) 
{ 
    $user=$_POST['user'];     
    //此处可进行数据库匹配，本次省略直接判断 
    if($user=="admin") 
    echo "<font color=red>用户名已被注册！</font>"; 
    else 
    echo "<font color=red>用户名可以使用</font>"; 
     
}else{} 
*/  
}  
?>  

0 0