关于thinkphp邮箱验证码前后台-ThinkPHP

思路：

前台用jquery.validate验证，验证邮箱是否存在等等，交互用ajax来做。后端用邮箱类库直接上代码吧

准备：

1.下载PHPMailer类库，放到Application/Thinkphp/Library/Vendor/中，在网上搜搜，搜不到可以联系我
2.开启SMTP，举个网易邮箱的例子

config.php里填写：

// 配置邮件发送服务器'MAIL_HOST' =>'smtp.163.com',//smtp服务器的名称'MAIL_SMTPAUTH' =>TRUE, //启用smtp认证'MAIL_USERNAME' =>'该邮件地址已受到反垃圾邮件插件保护。要显示它需要在浏览器中启用 JavaScript。',//你的邮箱名'MAIL_FROM' =>'该邮件地址已受到反垃圾邮件插件保护。要显示它需要在浏览器中启用 JavaScript。',//发件人地址'MAIL_FROMNAME'=>'南京商丘商会',//发件人姓名'MAIL_PASSWORD' =>'a3392894',//邮箱密码'MAIL_CHARSET' =>'utf-8',//设置邮件编码'MAIL_ISHTML' =>TRUE, // 是否HTML格式邮件

function.php填写

<?php/** * 邮件发送函数 */    function sendMail($to, $title, $content) {             Vendor('PHPMailer.PHPMailerAutoload');             $mail = new PHPMailer(); //实例化        $mail->IsSMTP(); // 启用SMTP        $mail->Host=C('MAIL_HOST'); //smtp服务器的名称（这里以QQ邮箱为例）        $mail->SMTPAuth = C('MAIL_SMTPAUTH'); //启用smtp认证        $mail->Username = C('MAIL_USERNAME'); //你的邮箱名        $mail->Password = C('MAIL_PASSWORD') ; //邮箱密码        $mail->From = C('MAIL_FROM'); //发件人地址（也就是你的邮箱地址）        $mail->FromName = C('MAIL_FROMNAME'); //发件人姓名        $mail->AddAddress($to,"尊敬的客户");        $mail->WordWrap = 50; //设置每行字符长度        $mail->IsHTML(C('MAIL_ISHTML')); // 是否HTML格式邮件        $mail->CharSet=C('MAIL_CHARSET'); //设置邮件编码        $mail->Subject =$title; //邮件主题        $mail->Body = $content; //邮件内容        $mail->AltBody = "这是一个纯文本的身体在非营利的HTML电子邮件客户端"; //邮件正文不支持HTML的备用显示        //return($mail->Send());        if (!$mail->send()) {                echo "Mailer Error: " . $mail->ErrorInfo;        } else {                echo "Message sent!";        }    }

后端：

public function createSMSCode($length = 6){    $min = pow(10 , ($length - 1));    $max = pow(10, $length) - 1;    return rand($min, $max);}//ajax发送邮件public function e_mail_send(){    $e_mail=I("post.e_mail");    $result=M("user")->where(array("e_mail"=>$e_mail))->find();    if($result){        $code=$this->createSMSCode();        //存储验证码，相当于全局变量，因为再次调用createSMSCode时，代码会变        session("code",$code);        session("e_mail",$e_mail);        SendMail($e_mail,"南京商丘商会验证码","您的验证码是".$code."，请正确填写");        $data="yes";    }else{        $data="no";    }    $this->ajaxReturn($data);}

前端：

<p class="fot_main">    <p class="container">        <p class="row">                                <p class="my_ar">                <h3>密码找回！<br/><span>请填入您的邮箱进行密码找回</span><br/><span>发送后请注意查收邮箱信息填入验证码中</span></h3>                <form method="post" action="{:U('Forget/forget_do')}">                    <label>请输入注册邮箱：</label><input type="text" name="e_mail" id="e_mail" class="fot_name">                    <a href="https://zhishitu.com/ke" id="send" class="fasong" style="display: inline-block;width:70px;height:29px;background:#f3980f;;color:#fff;line-height: 29px;text-align: center;border:1px solid #919191;">发送</a><br/>                                        <p style="margin-left:130px;color:orange;" id="back"></p>                                        <label>验证码：</label><input type="text"  name="code" class="yan"/><br/>                                                    <!--<ul class="yanzhengma">                            <li>w</li>                            <li>z</li>                            <li>g</li>                            <li>4</li>                        </ul>                                                <span>看不清？</span>                    <span>换一张</span><br/>-->                    <label>新密码：</label><input type="text" name="npwd" class="xin_password"/><br/>                    <label>确认密码：</label><input type="text" name="renpwd" class="xin_password"/><br/>                    <p class="ccc"><input type="submit" value="提交" class="sub"></p>                </form>            </p>        </p>    </p></p>

ajax部分：

            <script>                $("#send").click(function(){                    var e_mail=$("#e_mail").val();                     $.post("{:U('Forget/e_mail_send')}","e_mail="+e_mail,function(data){                        if(data=="yes"){                            $("#back").html("发送成功，请查收邮件");                        }else{                            $("#back").html("邮箱错误或不存在");                        }                    });                    });            </script>

展示：