JQUERY+MYSQL+PHP通用用户注册页面的实例
2014-10-03 09:55
597 查看
用户注册页面。可检测用户名是否被使用，以及其他输入的信息是否符合相应的规则。
register.php的代码
[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{}
*/
}
?>
register.php的代码
[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{}
*/
}
?>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- JQUERY+MYSQL+PHP通用用户注册页面的实例
- JQUERY+MYSQL+PHP通用用户注册页面的实例
- 超详细的php用户注册页面填写信息完整实例（附源码）
- 超详细的php用户注册页面填写信息完整实例（附源码）
- 超详细的php用户注册页面填写信息完整实例（附源码）
- ASP.NET jQuery 实例12 通过使用jQuery validation插件简单实现用户注册页面验证功能
- php用户注册页面利用js进行表单验证具体实例
- php+mysql用户注册与验证页面代码
- php用户注册页面使用js进行表单验证具体实例
- ASP.NET jQuery 实例12 通过使用jQuery validation插件简单实现用户注册页面验证功能
- php+ajax用户注册验证用户是否在存（php mysql完整实例）
- php用户注册页面利用js进行表单验证具体实例
- 学习用php+mysql做简单的会员注册页面(学习记录)20141106
- php+mysql+jquery实现父行子行折叠显示的实例
- PHP+Mysql+jQuery统计当前在线用户数
- php用户注册页面利用js进行表单验证
- 如何从数据库调出数据显示到页面PHP+Mysql+Html（简单实例）
- php用户注册页面利用js进行表单验证
- 用户注册页面--ajax.php.js.css
- php如何更好更有效的实现-----用户注册页面（基础学习）