註冊頁面
reg.html 負責收集用戶填寫的註冊信息。教程裏只列出關鍵的代碼片段,完整的代碼附在本節最後。
註冊表單
<fieldset> <legend>用戶註冊</legend> <form name="RegForm" method="post" action="reg.php" onSubmit="return InputCheck(this)"> <p> <label for="username" class="label">用戶名:</label> <input id="username" name="username" type="text" class="input" /> <span>(必填,3-15字符長度,支持漢字、字母、數字及_)</span> <p/> <p> <label for="password" class="label">密 碼:</label> <input id="password" name="password" type="password" class="input" /> <span>(必填,不得少於6位)</span> <p/> <p> <label for="repass" class="label">重複密碼:</label> <input id="repass" name="repass" type="password" class="input" /> <p/> <p> <label for="email" class="label">電子郵箱:</label> <input id="email" name="email" type="text" class="input" /> <span>(必填)</span> <p/> <p> <input type="submit" name="submit" value=" 提交註冊 " class="left" /> </p> </form> </fieldset>
javascript 檢測代碼
<script language=JavaScript> <!-- function InputCheck(RegForm) { if (RegForm.username.value == "") { alert("用戶名不可爲空!"); RegForm.username.focus(); return (false); } if (RegForm.password.value == "") { alert("必須設定登錄密碼!"); RegForm.password.focus(); return (false); } if (RegForm.repass.value != RegForm.password.value) { alert("兩次密碼不一致!"); RegForm.repass.focus(); return (false); } if (RegForm.email.value == "") { alert("電子郵箱不可爲空!"); RegForm.email.focus(); return (false); } } //--> </script>
CSS 樣式
<style type="text/css"> html{font-size:12px;} fieldset{width:520px; margin: 0 auto;} legend{font-weight:bold; font-size:14px;} label{float:left; width:70px; margin-left:10px;} .left{margin-left:80px;} .input{width:150px;} span{color: #666666;} </style>
註冊表單效果圖:
數據庫連接
<?php $conn = @mysql_connect("localhost","root","root123"); if (!$conn){ die("連接數據庫失敗:" . mysql_error()); } mysql_select_db("test", $conn); //字符轉換,讀庫 mysql_query("set character set 'gbk'"); //寫庫 mysql_query("set names 'gbk'"); ?>
註冊處理
reg.php 負責處理用戶註冊信息。
註冊檢測
if(!isset($_POST['submit'])){ exit('非法訪問!'); } $username = $_POST['username']; $password = $_POST['password']; $email = $_POST['email']; //註冊信息判斷 if(!preg_match('/^[\w\x80-\xff]{3,15}$/', $username)){ exit('錯誤:用戶名不符合規定。<a href="javascript:history.back(-1);">返回</a>'); } if(strlen($password) < 6){ exit('錯誤:密碼長度不符合規定。<a href="javascript:history.back(-1);">返回</a>'); } if(!preg_match('/^w+([-+.]w+)*@w+([-.]w+)*.w+([-.]w+)*$/', $email)){ exit('錯誤:電子郵箱格式錯誤。<a href="javascript:history.back(-1);">返回</a>'); }
本段代碼首先檢測是否 POST 提交訪問該頁,接下來根據註冊要求(用戶名 3-15 字符長度,支持漢字、字母、數字及_;密碼不得少於 6 位)對用戶提交的註冊信息進行檢測。在檢測用戶名和電子郵箱時採用了正則檢測,關於正則表達式更所信息請參看《PHP 正則表達式》。
數據庫交互
//包含數據庫連接文件 include('conn.php'); //檢測用戶名是否已經存在 $check_query = mysql_query("select uid from user where username='$username' limit 1"); if(mysql_fetch_array($check_query)){ echo '錯誤:用戶名 ',$username,' 已存在。<a href="javascript:history.back(-1);">返回</a>'; exit; } //寫入數據 $password = MD5($password); $regdate = time(); $sql = "INSERT INTO user(username,password,email,regdate)VALUES('$username','$password','$email', $regdate)"; if(mysql_query($sql,$conn)){ exit('用戶註冊成功!點擊此處 <a href="login.html">登錄</a>'); } else { echo '抱歉!添加數據失敗:',mysql_error(),'<br />'; echo '點擊此處 <a href="javascript:history.back(-1);">返回</a> 重試'; }
該段代碼首先檢測用戶名是否已經存在,如果存在則輸出提示信息並立即終止程序執行。如果用戶名不存在則把註冊信息寫入數據庫,並輸出對應提示信息。