|
|
復(fù)制代碼 代碼如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<link rel="stylesheet" type="text/css" href="css/int.css" />
<script type="text/Javascript" src="js/func.js"></script>
<style type="text/css">
td{
height:30px;
vertical-align:middle;
align:center;
}
#myText{
width:600px;
}
</style>
<title>注冊頁面</title>
</head>
<body >
<?php
error_reporting(0);
//不讓php報(bào)告有錯(cuò)語發(fā)生。如果不關(guān)閉好有類似這的錯(cuò)語 Warning: preg_match() 關(guān)閉就不出現(xiàn)了
session_start();
header("Cache-control: private");
$conn = @ mysql_connect("localhost","root","")or die("數(shù)據(jù)庫連接錯(cuò)誤");
mysql_select_db("bbs",$conn);
mysql_query("set names utf8");
if($_POST['submit'])
{
$username = $_POST["username"];
$sql="select userName from user_info where userName='$username'";
// echo $sql;
$query=mysql_query($sql);
$rows = mysql_num_rows($query);
if($rows > 0){
echo "<script type='text/Javascript'>alert('用戶名已存在');location='Javascript:history.back()';</script>";
}else{
$user_in = "insert into user_info (username,pass,sex,qq,email,img) values ('$_POST[username]',md5('$_POST[pass]'),'$_POST[sex]','$_POST[qq]','$_POST[email]','$_POST[img_select]')";
//echo $user_in;
mysql_query($user_in);
echo "<script type='text/Javascript'>alert('寫入成功！！');location.href='login.php';</script>";
}
//Javascript:history.go(-1)
}
?>
<form action="reg.php" name="reg_form" method="post" onsubmit="return check_reg()">
<table name="reg_table" align="left">
<tr>
<td>用戶：</td><td><input id="username" name="username" class="myText" type="text" maxlength="12" /></td>
</tr>
<tr> <!--性別：0 保密 1 女 2 男-->
<td > 性別：</td>
<td>女<input type="radio" value="1" name="sex"/>
男<input type="radio" value="2" name="sex" />
保密<input type="radio" value="0" name="sex" checked/></td>
</tr>
<tr>
<td>密碼：</td><td><input name="pass" class="myText" type="password" onblur="check_len(this)"/><span id="show_pass" style="color:red;"></span></td>
</tr>
<tr>
<td>重復(fù)密碼：</td><td><input name="repass" class="myText" type="password" onblur="check_pass(this)" /><span id="show_repass" style="color:red;"></span></td>
</tr>
<tr>
<td>QQ：</td><td><input type="text" class="myText" name="qq" onblur="check_qq(this)"/><span style="color:red;" id="show_qq"></span></td>
</tr>
<tr>
<td>郵箱：</td><td><input type="text" class="myText" name="email" onblur="check_email(this)"/><span id="show_e" style="color:red;"></span></td>
</tr>
<tr>
<td height="60">頭像：</td>
<td>
<select name="img_select" onchange="img_change(this)">
<option value="101" >女 001</option>
<option value="102" >女 002</option>
<option value="103" >女 003</option>
<option value="104" >女 004</option>
<option value="105" >男 001</option>
<option value="106" >男 002</option>
<option value="107" >男 003</option>
<option value="108" >男 004</option>
</select>
<img src="/bbs/img/101.gif" id="tx_change" style="width:50px; height:65px;" alt=""/>
</td>
</tr>
<tr height="20" align="justify">
<td align="right" ><input type="submit" value="注冊" name="submit" style="margin-right:5px;"/></td>
<td><input type="reset" value="重置" name="reset" style="margin-left:5px;"/></td>
</tr>
<tr>
<td colspan="2">我已有賬號(hào)現(xiàn)在<a href="login.php">登錄</a></td>
</tr>
</table>
</form>
</body>
</html>
func.js
復(fù)制代碼 代碼如下:
//根據(jù)下拉框變換圖片
function img_change(thisObj){
var imgsrc = "/bbs/img/"+ thisObj.value+".gif";
document.getElementById("tx_change").src=imgsrc;
}
//檢查是否都符合 注冊 要求
function check_reg()
{
if(check_len() && check_pass() && check_email() && check_qq())
{
return true;
}else{
return false;
}
}
//檢查密碼長度不能少于6
function check_len(thisObj){
if(thisObj.value.length==0)
{
document.getElementById('show_pass').innerHTML="密碼不能為空";
return false;
}else{
if (thisObj.value.length<6)
{
document.getElementById('show_pass').innerHTML="密碼長度不少于6";
return false;
}
document.getElementById('show_pass').innerHTML="";
return true;
}
}
//檢查倆次密碼輸入是否一致
function check_pass(thisObj){
var psw=document.getElementById('pass');
if(psw.value.length==0)
{
document.getElementById('show_pass').innerHTML="密碼不能為空";
return false;
}else{
document.getElementById('show_pass').innerHTML="";
if (thisObj.value!=psw.value)
{
document.getElementById('show_repass').innerHTML="兩次密碼輸入不正確";
return false;
}
document.getElementById('show_repass').innerHTML="";
return true;
}
}
//檢查email是否正確
function check_email(thisObj){
var reg=/^([a-zA-Z/d][a-zA-Z0-9_]+@[a-zA-Z/d]+(/.[a-zA-Z/d]+)+)$/gi;
var rzt=thisObj.value.match(reg);
if(thisObj.value.length==0){
document.getElementById('show_e').innerHTML="Email不能為空";
return false;
}else{
if (rzt==null)
{
document.getElementById('show_e').innerHTML="Email地址不正確";
return false;
}
document.getElementById('show_e').innerHTML="";
return true;
}
}
//檢查qq格式是否正確
function check_qq(thisObj){
var qq=document.getElementById('qq').value;
var reg=/^/d+$/;
if(qq.search(reg))
{
document.getElementById('show_qq').innerHTML=" QQ 只能為數(shù)字";
return false;
}else{
document.getElementById('show_qq').innerHTML="";
return true ;
}
}
作者： sweet__smile
php技術(shù)：注冊頁面之前先驗(yàn)證用戶名是否存在的php代碼，轉(zhuǎn)載需保留來源！
鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請第一時(shí)間聯(lián)系我們修改或刪除，多謝。
