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

最新推荐文章于 2022-05-07 08:18:07 发布

杨辉勇码代码

最新推荐文章于 2022-05-07 08:18:07 发布

阅读量1.5k

点赞数

分类专栏：其他

其他专栏收录该内容

8 篇文章 0 订阅

订阅专栏

<?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 //检测帐号是否被注册的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

收藏

觉得还不错? 一键收藏
0
评论
JQUERY+MYSQL+PHP通用用户注册页面的实例

register.php的代码<?php //注册新账号的编辑界面 require('menu2.php');//加载短菜单 require('configywcl.php');//加载配置文件 ?> 注册新账号 $( function() { //方式一 jQuery(普通应用时推荐，简单易用) $("#user").blur
复制链接

扫一扫

专栏目录