您的位置：首页 > Web前端 > JQuery

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

2012-06-25 09:20 597 查看
这是本人写的一个用户注册页面。可检测用户名是否被使用，以及其他输入的信息是否符合相应的规则。

register.php的代码

<?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{}
*/
}
?>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航