Maison > développement back-end > tutoriel php > PHP+Mysql+jQuery réalise la fonction de récupération de mot de passe

PHP+Mysql+jQuery réalise la fonction de récupération de mot de passe

墨辰丷
Libérer: 2023-03-30 20:34:01
original
1851 Les gens l'ont consulté

Cet article présente principalement la fonction de récupération de mot de passe de PHP+Mysql+jQuery. Les amis intéressés peuvent s'y référer. J'espère qu'il sera utile à tout le monde.

La fonction dite de récupération de mot de passe ne peut pas vraiment récupérer les mots de passe oubliés, car nos mots de passe sont cryptés et stockés. Généralement, les développeurs génèrent un nouveau mot de passe via un programme après avoir vérifié les informations de l'utilisateur ou généré un lien spécifique et envoyé. un e-mail dans la boîte aux lettres de l'utilisateur, et l'utilisateur peut réinitialiser un nouveau mot de passe à partir du lien e-mail vers le module de réinitialisation du mot de passe du site Web.

Bien sûr, certains sites Web utilisent désormais également les SMS du téléphone portable pour récupérer les mots de passe. Le principe est de vérifier votre identité en envoyant un code de vérification. Tout comme pour l'envoi d'un e-mail pour vérification, vous devez toujours réinitialiser votre mot de passe. pour terminer le processus de récupération du mot de passe.

Les étapes générales sont :

1. Saisissez l'adresse e-mail lors de l'inscription dans le formulaire
2. Vérifiez que l'adresse e-mail de l'utilisateur est correcte. existe dans la table des utilisateurs du site Web, l'utilisateur sera invité L'e-mail n'est pas enregistré ;
3. Si l'e-mail de l'utilisateur existe dans la table des utilisateurs, combinez la chaîne utilisée pour vérifier les informations de l'utilisateur, et construisez une URL et envoyez-la à l'e-mail de l'utilisateur ;
4. L'utilisateur se connecte à l'e-mail pour collecter l'e-mail, cliquez sur le lien URL vers le programme de vérification du site Web
5. tableau à travers la chaîne demandée par l'utilisateur et compare si les informations de l'utilisateur sont correctes ;
6. Si elles sont correctes, accédez à la page de réinitialisation du mot de passe et réessayez. Définissez un nouveau mot de passe, sinon cela indiquera à l'utilisateur que la vérification est terminée. invalide.

HTML

Nous plaçons une page sur la page de récupération du mot de passe qui demande à l'utilisateur de saisir l'adresse e-mail utilisée pour l'inscription, puis de soumettre le js frontal à gérer l’interaction.

 <p><strong>输入您注册的电子邮箱,找回密码:</strong></p> 
<p><input type="text" class="input" name="email" id="email"><span id="chkmsg"></span></p> 
<p><input type="button" class="btn" id="sub_btn" value="提 交"></p>
Copier après la connexion

jQuery

Une fois que l'utilisateur a saisi l'adresse e-mail et cliqué sur Soumettre, jQuery vérifie d'abord si le format de l'e-mail est correct et, s'il est correct, l'envoie à En arrière-plan de la requête Ajax sendmail.php, sendmail.php se charge de vérifier l'existence de la boîte aux lettres et d'envoyer les e-mails, et renverra les résultats du traitement correspondant à la première page. Veuillez consulter le code jQuery :

 $(function(){ 
  $("#sub_btn").click(function(){ 
    var email = $("#email").val(); 
    var preg = /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*/; //匹配Email 
    if(email==&#39;&#39; || !preg.test(email)){ 
      $("#chkmsg").html("请填写正确的邮箱!"); 
    }else{ 
      $("#sub_btn").attr("disabled","disabled").val(&#39;提交中..&#39;).css("cursor","default"); 
      $.post("sendmail.php",{mail:email},function(msg){ 
        if(msg=="noreg"){ 
          $("#chkmsg").html("该邮箱尚未注册!"); 
          $("#sub_btn").removeAttr("disabled").val(&#39;提 交&#39;).css("cursor","pointer"); 
        }else{ 
          $(".demo").html("<h3>"+msg+"</h3>"); 
        } 
      }); 
    } 
  }); 
})
Copier après la connexion
<🎜. >Le code jQuery utilisé ci-dessus est très pratique et concis à compléter Pour les opérations interactives frontales, si vous disposez d'une certaine base jQuery, le code ci-dessus est clair en un coup d'œil et ne nécessite aucune explication.

Bien sûr, n'oubliez pas de charger le fichier de la bibliothèque jQuery dans la page. Certains étudiants me demandent souvent pourquoi ils ne peuvent pas utiliser la démo téléchargée depuis jb51.net, c'est à cause du chemin de chargement. jquery ou d'autres fichiers sont erronés, ce qui entraîne l'échec du chargement des fichiers nécessaires.

PHP

sendmail.php doit vérifier si l'e-mail existe dans la table des utilisateurs du système. Si tel est le cas, lisez les informations sur l'utilisateur et réveillez l'identifiant de l'utilisateur et le nom d'utilisateur. et le mot de passe pour md5 Encryption génère une chaîne spéciale comme code de vérification pour récupérer le mot de passe, puis construit l'URL. Dans le même temps, afin de contrôler l'actualité du lien URL, nous enregistrerons l'heure de l'opération lorsque l'utilisateur soumet l'action de récupération du mot de passe, et enfin appellerons la classe d'envoi d'e-mail pour envoyer l'e-mail à la boîte aux lettres de l'utilisateur. la classe smtp.class.php a été empaquetée, veuillez la télécharger.

 include_once("connect.php");//连接数据库 
 
$email = stripslashes(trim($_POST[&#39;mail&#39;])); 
   
$sql = "select id,username,password from `t_user` where `email`=&#39;$email&#39;"; 
$query = mysql_query($sql); 
$num = mysql_num_rows($query); 
if($num==0){//该邮箱尚未注册! 
  echo &#39;noreg&#39;; 
  exit;   
}else{ 
  $row = mysql_fetch_array($query); 
  $getpasstime = time(); 
  $uid = $row[&#39;id&#39;]; 
  $token = md5($uid.$row[&#39;username&#39;].$row[&#39;password&#39;]);//组合验证码 
  $url = "http://www.jb51.net/demo/resetpass/reset.php?email=".$email." 
&token=".$token;//构造URL 
  $time = date(&#39;Y-m-d H:i&#39;); 
  $result = sendmail($time,$email,$url); 
  if($result==1){//邮件发送成功 
    $msg = &#39;系统已向您的邮箱发送了一封邮件<br/>请登录到您的邮箱及时重置您的密码!&#39;; 
    //更新数据发送时间 
    mysql_query("update `t_user` set `getpasstime`=&#39;$getpasstime&#39; where id=&#39;$uid &#39;"); 
  }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 = "jb51.net - 找回密码"; 
  $emailbody = "亲爱的".$email.":<br/>您在".$time."提交了找回密码请求。请点击下面的链接重置密码 
(按钮24小时内有效)。<br/><a href=&#39;".$url."&#39;target=&#39;_blank&#39;>".$url."</a>"; 
  $rs = $smtp->sendmail($smtpemailto, $smtpemailfrom, $emailsubject, $emailbody, $emailtype); 
 
  return $rs; 
}
Copier après la connexion
D'accord, vous recevrez à ce moment un e-mail de récupération de mot de passe de helloweba dans votre boîte aux lettres. Il y a un lien URL dans le contenu de l'e-mail. Cliquez sur le lien pour réinitialiser.php de jb51.net pour vérifier. votre email.

 include_once("connect.php");//连接数据库 
 
$token = stripslashes(trim($_GET[&#39;token&#39;])); 
$email = stripslashes(trim($_GET[&#39;email&#39;])); 
$sql = "select * from `t_user` where email=&#39;$email&#39;"; 
 
$query = mysql_query($sql); 
$row = mysql_fetch_array($query); 
if($row){ 
  $mt = md5($row[&#39;id&#39;].$row[&#39;username&#39;].$row[&#39;password&#39;]); 
  if($mt==$token){ 
    if(time()-$row[&#39;getpasstime&#39;]>24*60*60){ 
      $msg = &#39;该链接已过期!&#39;; 
    }else{ 
      //重置密码... 
      $msg = &#39;请重新设置密码,显示重置密码表单,<br/>这里只是演示,略过。&#39;; 
    } 
  }else{ 
    $msg = &#39;无效的链接&#39;; 
  } 
}else{ 
  $msg = &#39;错误的链接!&#39;;   
} 
echo $msg;
Copier après la connexion
reset.php accepte d'abord les paramètres email et token, puis vérifie si l'e-mail existe dans la table de données t_user en fonction de l'e-mail. S'il existe, obtenez les informations de l'utilisateur et combinez-les avec l'e-mail. token dans sendmail.php Construisez la valeur du jeton de la même manière, puis comparez-la avec le jeton transmis par l'URL. Si la différence entre l'heure actuelle et l'heure à laquelle l'e-mail est envoyé est supérieure à 24 heures, une invite s'affichera. "Le lien a expiré !", sinon cela signifie que le lien est valide et transféré. Accédez à la page de réinitialisation du mot de passe, et enfin l'utilisateur définit un nouveau mot de passe.

Résumé : Grâce à la vérification des e-mails enregistrés et à la récupération du mot de passe via cet article, nous connaissons l'application de l'envoi d'e-mails dans le développement de sites Web et son importance. Bien sûr, les applications de vérification par SMS sont également populaires désormais, qui nécessitent simplement des interfaces SMS associées. connecter.

Enfin, la structure du tableau de données t_user est jointe :

 CREATE TABLE `t_user` ( 
 `id` int(11) NOT NULL auto_increment, 
 `username` varchar(30) NOT NULL, 
 `password` varchar(32) NOT NULL, 
 `email` varchar(50) NOT NULL, 
 `getpasstime` int(10) NOT NULL, 
 PRIMARY KEY (`id`) 
) ENGINE=MyISAM DEFAULT CHARSET=utf8;
Copier après la connexion

Résumé : Ce qui précède est l'intégralité du contenu de cet article, j'espère qu'il sera utile à l'apprentissage de chacun.

Recommandations associées :

Implémentation PHP+jQuery+MySql d'exemples de vote rouge et bleu

Framework Yii en PHP Utilisation de base

Connaissance de base et application des modèles de conception PHP

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal