PHP、Mysql、jQuery找回密码的实现代码
本文导语: 所谓的密码找回功能: 并非真的能把忘记的密码找回,因为密码是加密保存的,一般开发者会在验证用户信息后通过程序生成一个新密码或生成一个特定的链接并发送邮件到用户邮箱,用户从邮箱链接到网站的重置密码模块重...
所谓的密码找回功能:
并非真的能把忘记的密码找回,因为密码是加密保存的,一般开发者会在验证用户信息后通过程序生成一个新密码或生成一个特定的链接并发送邮件到用户邮箱,用户从邮箱链接到网站的重置密码模块重新设置新密码。
效果图,如下所示:
>>> 下载本教程的源码包。
现在,有的网站也有手机短信的方式找回密码,原理就是通过发送验证码来验明正身,和发送邮件验证一样,最终还是要通过重置密码来完成找回密码的流程。
本文使用PHP+Mysql+jQuery来实现一个密码找回的功能,一般步骤是:
1.表单输入注册时的邮箱;
2.验证用户邮箱是否正确,如果用户邮箱不存在网站的用户表中,则提示用户邮箱未注册;
3.发送邮件,如果用户邮箱确实存在用户表中,则组合用于验证用户信息的字符串,并构造URL发送到用户邮箱中;
4.用户登录邮箱收取邮件,点击URL链接到网站验证程序;
5.网站程序通过用户请求的字符串查询本地用户表,比对用户信息是否正确;
6.如果正确则转到重置密码页面重新设置新密码,反之则提示用户验证无效。
在找回密码的页面上放置一个要求用户输入注册时所用的邮箱,然后提交前台js来处理交互。
输入您注册的电子邮箱,找回密码:
当用户输入完邮箱并点击提交后,jQuery先验证邮箱格式是否正确,如果正确则通过向后台sendmail.php发送Ajax请求,sendmail.php负责验证邮箱是否存在和发送邮件,并会返回相应的处理结果给前台页面。
jQuery代码:
$("#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("该邮箱尚未注册!");
$("#sub_btn").removeAttr("disabled").val('提 交').css("cursor","pointer");
}else{
$(".demo").html(""+msg+"");
}
});
}
});
})
以上使用的jQuery代码很方便简洁的完成了前端交互操作,如果您有一定的jQuery基础,那上面的代码一目了然,不多解释。
当然别忘了在页面中加载jQuery库文件。
sendmail.php需要验证Email是否存在系统用户表中,如果有,则读取用户信息,将用户id、用户名和密码惊醒md5加密生成一个特别的字符串作为找回密码的验证码,然后构造URL。
同时,为了控制URL链接的时效性,将记录用户提交找回密码动作的操作时间,最后调用邮件发送类发送邮件到用户邮箱。
发送邮件类smtp.class.php,在本文提供的源码包中。
例子: