當使用者輸入完信箱並點選提交後,jQuery先驗證郵箱格式是否正確,如果正確則透過向後台sendmail.php發送Ajax請求,sendmail.php負責驗證郵箱是否存在和發送郵件,並會返回相應的處理結果給前台頁面。
jQuery程式碼:
-
- $(function(){
- $("#sub_btn").click(function(){
- var email = $(" #email").val();
- var preg = /^w+([-+.]w+)*@w+([-.]w+)*.w+([-.]w+)*/; / /符合Email
- if(email=='' || !preg.test(email)){
- $("#chkmsg").html("請填入正確的信箱!");
- }else{
- $("#sub_btn").attr("disabled","disabled").val('提交中..').css("cursor","default");
- $ .post("sendmail.php",{mail:email},function(msg){
- if(msg=="noreg"){
- $("#chkmsg").html("該郵箱尚未註冊! $(".demo").html("
"+msg+"");
- }
- });
- }
- });
- })
-
-
-
- 複製程式碼
以上使用的jQuery程式碼很方便簡潔的完成了前端互動操作,如果您有一定的jQuery基礎,那上面的程式碼一目了然,不多解釋。
當然別忘了在頁面中載入jQuery庫檔。
sendmail.php需要驗證Email是否存在系統使用者表中,如果有,則讀取使用者訊息,將使用者id、使用者名稱和密碼驚醒md5加密產生一個特別的字串作為找回密碼的驗證碼,然後構造URL。
同時,為了控制URL連結的時效性,將記錄使用者提交找回密碼動作的操作時間,最後呼叫郵件發送類別發送郵件到使用者信箱。
傳送郵件類別smtp.class.php,在本文提供的來源碼包中。
例:
-
-
include_once("connect.php");//連接資料庫
-
- $email = stripslashes(trim( $_POST['mail']));
-
- $sql = "select id,username,password from `t_user` where `email`='$email'";
- $query = mysql_query($mysql_query($ sql);
- $num = mysql_num_rows($query);
- if($num==0){//該郵箱尚未註冊!
- echo 'noreg';
- exit;
- }else{
- $row = mysql_fetch_array($query);
- $getpasstime = time();
- $uid = $row[ 'id'];
- $token = md5($uid.$row['username'].$row['password']);//組合驗證碼
- $url = "http://bbs .it-home.org/demo/resetpass/reset.php?email=".$email."
- &token=".$token;//構造URL
- $time = date('Y-m-d H:i ');
- $result = sendmail($time,$email,$url);
- if($result==1){//郵件發送成功
- $msg = '系統已向您的信箱寄了一封郵件
請登入您的信箱及時重設您的密碼! ';
- //更新資料傳送時間
- mysql_query("update `t_user` set `getpasstime`='$getpasstime' where id='$uid '");
- }else{
- $ msg = $result;
- }
- echo $msg;
- }
-
- //寄郵件
- function sendmail($time,$email,$url){
- include_once ("smtp.class.php");
- $smtpserver = ""; //SMTP伺服器,如smtp.163.com
- $smtpserverport = 25; //SMTP伺服器連接埠
- $smtpusermail = " "; //SMTP伺服器的使用者信箱
- $smtpuser = ""; //SMTP伺服器的使用者帳號
- $smtppass = ""; //SMTP伺服器的使用者密碼
- $smtp = new Smtp( $smtpserver, $smtpserverport, true, $smtpuser, $smtppass);
- //這裡面的一個true是表示使用身份驗證,否則不使用身份驗證.
- $emailtype = "HTML"; //信件類型,文字:text;網頁:HTML
- $smtpemailto = $email;
- $smtpemailfrom = $smtpusermail;
- $emailsubject = "jbxue.com - 找回密碼";
- $emailsubject = "jbxue.com - 找回密碼";
- $emailbodysubject = "jbxue.com - 找回密碼";
- $emailbodysubject = "jbxue.com - 找回密碼";
- $emailbodysubject = "jbxue.com - 找回密碼";
- $emailbodysubject = "jbxue.com - 找回密碼";
- $emailsubbody = "親愛的".$email.":
您在".$time."提交了找回密碼請求。 >".$url."";
$rs = $smtp->sendmail($smtpemailto, $smtpemailfrom, $ emailsubject, $emailbody, $emailtype); return $rs; }
複製程式碼
此時郵件信箱將會收到一封來自jbxue的密碼找回郵件,郵件內容中有一個URL鏈接,點擊該鏈接到jbxue.com的reset.php來驗證郵箱。
例:
-
-
-
-
-
- include_once("connect.php");//連接資料庫
-
- $token = stripslashes(trim($_GE🎜>
- $token = stripslashes(trim($_GE ]));
- $email = stripslashes(trim($_GET['email']));
- $sql = "select * from `t_user` where email='$email'";
-
- $query = mysql_query($sql);
- $row = mysql_fetch_array($query);
- if($row){
- $mt = md5($row['id'].$row ['username'].$row['password']);
- if($mt==$token){
- if(time()-$row['getpasstime']>24*60*60 ){
- $msg = '該連結已過期! ';
- }else{
- //重設密碼...
- $msg = '請重新設定密碼,顯示重設密碼表單,
這裡只是示範,略過。 ';
- }
- }else{
- $msg = '無效的連結';
- }
}else{ $msg = '錯誤的連結! '; } echo $msg; 複製程式碼 reset.php首先接受參數email和token,然後根據email查詢資料表t_user中是否存在該Email,如果存在則獲取該用戶的信息,並且和sendmail.php中的token組合方式一樣構建token值,然後與url傳過來的token進行對比,如果當前時間與發送郵件時的時間相差超過24小時的,則提示“該鏈接已過期!”,反之,則說明鏈接有效,並且調轉到重置密碼頁面,最後就是用戶自己設定新密碼了。
小結:透過註冊郵箱驗證與本文郵件找回密碼,我們知道發送郵件在網站開發中的應用以及它的重要性,當然,現在也流行短信驗證應用,這個需要相關的短信接口對接就可以了。
資料表t_user結構:
-
- CREATE TABLE `t_user` (
- `id` int(11) NOT NULL auto_increment,
- `username` char(300 ,
- `password` varchar(32) NOT NULL,
- `email` varchar(50) NOT NULL,
- `getpasstime` int(10) NOT NULL,
- PRIMARY KEY (`id`)
- ) ENGINE=MyISAM DEFAULT CHARSET=utf8;
複製代碼
|