thinkphp邮箱验证码前后台

思路:

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

准备:

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

clipboard.png

config.php里填写:

// 配置邮件发送服务器
'MAIL_HOST' =>'smtp.163.com',//smtp服务器的名称
'MAIL_SMTPAUTH' =>TRUE, //启用smtp认证
'MAIL_USERNAME' =>'lishine0216@163.com',//你的邮箱名
'MAIL_FROM' =>'lishine0216@163.com',//发件人地址
'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);
}

前端:

<div class="fot_main">
    <div class="container">
        <div class="row">                    
            <div 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="javascript:;" 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/>
                                        <div style="margin-left:130px;color:orange;" id="back"></div>
                                        <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/>
                    <div class="ccc"><input type="submit" value="提交" class="sub"></div>
                </form>
            </div>
        </div>
    </div>
</div>

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>

展示:

clipboard.png

欢迎交流 QQ:755092893

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值