php實作修改密碼的方法

藏色散人
發布: 2023-03-07 19:58:01
原創
6847 人瀏覽過

php實作修改密碼的方法:先進行前端頁面佈局;然後建立「

」;接著透過js判斷密碼;最後透過php後台處理修改密碼即可。

php實作修改密碼的方法

本教學操作環境:Windows7系統、PHP5.6版,此方法適用於所有品牌電腦。

推薦:《PHP視訊教學

PHP實作登錄,註冊,密碼修改 

註冊,登錄,修改密碼
1.登入

2.忘記密碼

3.免費註冊

頁面版面配置

<p id="views" class="views">
    <p id="view-login" class="page-view view-login active">
        <present name="wxuser">
            <p id="wxuser" class="form-group text-center">
                <p>
                    <img src="{sh:$wxuser.headimgurl}">
                </p>
                <h4 class="nickname">{sh:$wxuser.nickname}</h4>
            </p>
        </present>
        <!--登录-->
        <p id="login" class="step">
            <h4 class="popup-title login">登录</h4>
            <p class="go-forget">忘记密码</p>
            <form class="form-horizontal" role="form" type="get">
                <p class="form-group">
                    <label>手机号码</label>
                    <input type="tel" name="tel" class="form-item" id="tel_num" placeholder="请输入手机号码" value="">
                </p>
                <p class="form-group">
                    <label>登录密码</label>
                    <input type="password" name="password" class="form-item" placeholder="请填写密码">
                </p>
                <p class="js-help-info error"></p>
            </form>
            <p class="popup-options">
                <button type="button" class="btn btn-block btn-success js-login">确认</button>
            </p>
            <p class="go-register">免费注册</p>
        </p>
        <!--注册-->
        <p id="register" class="step" style="display:none;">
            <h4 class="popup-title">注册账号</h4>
            <form role="form" class="form-horizontal">
                <p class="form-group">
                    <label>手机号码</label>
                    <input type="tel" name="tel" class="form-item" id="tel_num" placeholder="请输入手机号码" value="">
                </p>
                <p class="form-group form-group-r">
                    <label>验证码</label>
                    <button class="btn-sm btn-white js-sms-code" type="button">获取验证码</button>
                    <input type="text" placeholder="请填写验证码" class="form-item" name="smscode" />
                </p>
                <p class="form-group">
                    <label>登录密码</label>
                    <input type="password" placeholder="设置登录密码" class="form-item" name="password" maxlength="30">
                </p>
                <p class="form-group">
                    <label>确认密码</label>
                    <input type="password" placeholder="确认登录密码" class="form-item" name="re_password" maxlength="30">
                </p>
                <p class="js-help-info error">
                </p>
            </form>
            <p class="popup-options">
                <button type="button" class="btn btn-block btn-success js-register">确认</button>
            </p>
            <p class="go-login">立即登录</p>
        </p>
        <!--修改密码-->
        <p id="changePwd" class="step" style="display:none;">
            <h4 class="popup-title">修改密码</h4>
            <form role="form" class="form-horizontal">
                <p class="form-group">
                    <label>手机号码</label>
                    <input type="tel" name="tel" class="form-item" id="tel_num" placeholder="请输入手机号码" value="">
                </p>
                <p class="form-group form-group-r">
                    <label>验证码</label>
                    <button class="btn-sm btn-white js-sms-excode" type="button">获取验证码</button>
                    <input type="text" placeholder="请填写验证码" class="form-item" name="smscode" />
                </p>
                <p class="form-group">
                    <label>新密码</label>
                    <input type="password" placeholder="设置登录密码" class="form-item" name="password" maxlength="30">
                </p>
                <p class="form-group">
                    <label>确认密码</label>
                    <input type="password" placeholder="确认登录密码" class="form-item" name="re_password" maxlength="30">
                </p>
                <p class="js-help-info error">
                </p>
            </form>
            <p class="popup-options">
                <button type="button" class="btn btn-block btn-success js-changePwd">确认</button>
            </p>
            <p class="go-login">立即登录</p>
        </p>
    </p>
</p>
登入後複製

js處理

<script type="text/javascript">
var tel = '';
$(function() {
    var check = {
        checkPwd: function(password) {
            if (typeof password == 'undefined' || password == '') {
                return false;
            }
            return true;
        },
        checkSmscode: function(code) {
            if (typeof code == 'undefined' || code == '') {
                return false;
            }
            return true;
        },
        validTel: function(value) {
            return /^((\+86)|(86))?(1)\d{10}$/.test('' + value);
        }
    }


    //登录
    $(".js-login").click(function() {
        var tel = $("#login").find("input[name='tel']").val();
        if (!check.validTel(tel)) {
            $('.js-help-info').html('请输入正确的手机号'); //**提示下个页面还有
            return false;
        }
        var password = $("#login").find("input[name='password']").val();
        if (!check.checkPwd(password)) {
            $('.js-help-info').html('请输入密码');
            return false;
        }

        $('.js-login').attr("disabled", "disabled");

        $.ajax({
            url: "{sh::U('Home/userLogin')}",
            type: 'POST',
            dataType: "json",
            data: {
                tel: tel,
                password: password
            },
            success: function(response) {
                if (response.result) {
                    location.href = response.href;
                } else {
                    setTimeout(function() {
                        $('.js-login').removeAttr("disabled");
                    }, 500);
                    $('.js-help-info').html(response.error);
                }
            },
            error: function() {
                $('.js-help-info').html("请求失败");
            }
        });
    });

    //注册
    $(".js-register").click(function() {
        var tel = $("#register").find("input[name='tel']").val();
        if (!check.validTel(tel)) {
            $('.js-help-info').html('请输入正确的手机号'); //**提示下个页面还有
            return false;
        }

        var password = $("#register input[name='password']").val();
        var smscode = $("#register input[name='smscode']").val();
        var re_password = $("#register input[name='re_password']").val();

        if (!check.checkSmscode(smscode)) {
            $('.js-help-info').html('请输入验证码');
            return false;
        }

        if (!check.checkPwd(password)) {
            $('.js-help-info').html('请输入登录密码');
            return false;
        }

        if (!check.checkPwd(re_password)) {
            $('.js-help-info').html('请输入确认密码');
            return false;
        } else if (password != re_password) {
            $('.js-help-info').html('两次输入的密码不一致');
            return false;
        }
        $('.js-login').attr("disabled", "disabled");

        $.ajax({
            url: "{sh::U('Home/userRegister')}",
            type: 'POST',
            dataType: "json",
            data: {
                tel: tel,
                password: password,
                smscode: smscode
            },
            success: function(response) {
                if (response.result) {
                    location.href = response.href;
                } else {
                    setTimeout(function() {
                        $('.js-login').removeAttr("disabled");
                    }, 500);
                    $('.js-help-info').html(response.error);
                }
            },
            error: function() {
                $('.js-help-info').html("请求失败");
            }
        });
    });

    //发送验证码
    $('.js-sms-code').click(function() {
    	var tel = $('#register #tel_num').val();
    	if (!check.validTel(tel)) {
            $('.js-help-info').html('请输入正确的手机号'); //**提示下个页面还有
            return false;
        }
        // 检测是否已经注册
        $.ajax({
            url: "{sh::U('Home/checkTel')}",
            type: 'POST',
            dataType: "json",
            async: false,
            data: {
                tel: tel
            },
            success: function(json) {
            	checkRes = json.status;
            },
            error: function(json) {
                $('.js-help-info').html("发送失败");
            }
        });

        if (checkRes == 1) {
        	$('.js-help-info').html("已是注册用户");return false;
        }

        if (checkRes == 3) {
        	$('.js-help-info').html("错误的请求");return false;
        }
 
        $(this).attr("disabled", "disabled").html("<span style=&#39;color:#666&#39;><span id=&#39;countdown&#39;>60</span>s 后再试</span>");
        countdown();
        $.ajax({
            url: "{sh::U('Home/sendSmscode')}",
            type: 'POST',
            dataType: "json",
            data: {
                tel: tel
            },
            success: function() {},
            error: function() {
                $('.js-help-info').html("发送失败");
            }
        });
    });

    //修改密码
    $('.go-forget').click(function() {
        var tel = $('#login #tel_num').val();
        $("#login").hide();
        $("#register").hide();
        $("#changePwd").show();
        $("#changePwd #tel_num").val(tel).focus();
        $('.js-help-info').html('');
    });

    //免费注册
    $('.go-register').click(function() {
        var tel = $('#login #tel_num').val();
        $("#login").hide();
        $("#changePwd").hide();
        $("#register").show();
        $("#register #tel_num").val(tel).focus();
        $('.js-help-info').html('');
    });

    //立即登录
    $('#changePwd .go-login').click(function() {
    	var tel = $('#changePwd #tel_num').val();
        $("#register").hide();
        $("#changePwd").hide();
        $("#login").show();
        $("#login #tel_num").val(tel).focus();
        $('.js-help-info').html('');
    });

    //立即登录
    $('#register .go-login').click(function() {
    	var tel = $('#register #tel_num').val();
        $("#register").hide();
        $("#changePwd").hide();
        $("#login").show();
        $("#login #tel_num").val(tel).focus();
        $('.js-help-info').html('');
    });

    $('.js-changePwd').click(function() {
        var tel = $("#changePwd").find("input[name='tel']").val();
        if (!check.validTel(tel)) {
            $('.js-help-info').html('请输入正确的手机号'); //**提示下个页面还有
            return false;
        }
        var password = $("#changePwd input[name='password']").val();
        var smscode = $("#changePwd input[name='smscode']").val();
        var re_password = $("#changePwd input[name='re_password']").val();
        if (!check.checkSmscode(smscode)) {
            $('#changePwd .js-help-info').html('请输入验证码');
            return false;
        }
        if (!check.checkPwd(password)) {
            $('#changePwd .js-help-info').html('请输入新密码');
            return false;
        }
        if (!check.checkPwd(re_password)) {
            $('#changePwd .js-help-info').html('请输入确认密码');
            return false;
        } else if (password != re_password) {
            $('#changePwd .js-help-info').html('两次输入的密码不一致');
            return false;
        }

        $.ajax({
            url: "{sh::U('Home/changePwd')}",
            type: "POST",
            dataType: "json",
            data: {
                tel: tel,
                password: password,
                smscode: smscode
            },
            success: function(response) {
                if (response.result) {
                    location.href = response.href;
                } else {
                    setTimeout(function() {
                        $('.js-login').removeAttr("disabled");
                    }, 500);
                    $('.js-help-info').html(response.error);
                }
            },
            error: function() {
                $('.js-help-info').html("请求失败");
            }

        });
    });

    //发送短信修改密码
    $('.js-sms-excode').click(function() {
    	var tel = $('#changePwd #tel_num').val();
    	if (!check.validTel(tel)) {
            $('.js-help-info').html('请输入正确的手机号'); //**提示下个页面还有
            return false;
        }

        // 检测是否已经注册
        $.ajax({
            url: "{sh::U('Home/checkTel')}",
            type: 'POST',
            dataType: "json",
            async: false,
            data: {
                tel: tel
            },
            success: function(json) {
            	checkRes = json.status;
            },
            error: function(json) {
                $('.js-help-info').html("发送失败");
            }
        });

        if (checkRes == 2) {
        	$('.js-help-info').html("号码尚未注册");return false;
        }

        if (checkRes == 3) {
        	$('.js-help-info').html("错误的请求");return false;
        }
 
        
        $(this).attr("disabled", "disabled").html("<span style=&#39;color:#666&#39;><span id=&#39;countdown&#39;>60</span>s 后再试</span>");
        countdown();
        $.ajax({
            url: "{sh::U('Home/sendSmsexcode')}",
            type: 'POST',
            dataType: "json",
            data: {
                tel: tel
            },
            success: function(data) {},
            error: function() {
                $('.js-help-info').html("请求失败");
            }
        });
    });
});

function countdown() { // 递归  验证码倒计时
    setTimeout(function() {
        var time = $("#countdown").text();
        if (time == 1) {
            $('.js-sms-code').removeAttr("disabled");
            $('.js-sms-code').html("发送验证码");
            $('.js-sms-excode').removeAttr("disabled");
            $('.js-sms-excode').html("发送验证码");
        } else {
            $("#countdown").text(time - 1);
            countdown();
        }
    }, 1000);
}
</script>
登入後複製

php後台處理

//用户登录
    public function userLogin() {
        if(IS_AJAX && !$this->member) {
            $tel = $this->_post('tel', 'trim');
            $password = $this->_post('password', 'trim,md5');
            $member = M('Member')->where(array('tel' => $tel))->find();
            
            if ($member && $member['password'] === $password) {
                
                //检测是否存在微信用户需要绑定
                if ($member['wxuser_id'] == 0 && $this->wxuser) {
                    M('Member')->where(array('id' => $member['id']))->save(array('wxuser_id' => $this->wxuser_id));
                }
                
                $href = session(LASTREQUEST);
                session(MEMBER, $member['id']);
                session(LASTREQUEST, null);
                $this->ajaxReturn(array('result' => true, 'href' => $href ? $href : U('Member/index')));
            } else {
                if (empty($member)) {
                    $this->ajaxReturn(array('result' => false, 'error' => '手机号尚未注册.'));
                } else {
                    $this->ajaxReturn(array('result' => false, 'error' => '密码不正确.'));
                }
                
            }
        } else {
            $this->ajaxReturn(array('result' => false, 'error' => '非法请求.'));
        }
    }

    // 用户退出
    public function userLogout() {
        session(WXUSER, null);
        session(MEMBER, null);
        $this->success('退出成功',U('Store/Member/index'));
    }
    
    // 用户注册
    public function userRegister() {
        $tel = $this->_post('tel', 'trim');
        $password = $this->_post('password', 'trim,md5');
        $smscode = $this->_post('smscode', 'trim');
        $session_smscode = session($this->smscode);
        $user_exit = M('Member')->where(array('tel' => $tel))->find();
        if (!preg_match("/1[3458]{1}\d{9}$/", $tel) && $user_exit) {
            $this->ajaxReturn(array('result' => false, 'error' => '手机号不合法'));
        }

        $memberModel = M('Member');
        // 检测是否已注册
        $member = $memberModel-> where(array('tel' =>$tel,'status'=>1))->find();
        if (!empty($member)) {
            $this->ajaxReturn(array('result' => false, 'error' => '已是注册用户'));
        }
        
        if (time() > $session_smscode['time']  || $smscode != $session_smscode['code']) {
            $this->ajaxReturn(array('result' => false, 'error' => '验证码不正确'));  //--调试,先把验证功能关闭
        }

        $data = array('tel' => $tel, 'password' => $password, 'wxuser_id' => intval($this->wxuser_id), 'addtime' => time());
        $insert_id = $memberModel->add($data);
        
        if ($insert_id) {
            $href = session(LASTREQUEST);
            session(MEMBER, $insert_id);   //*****只是一个id值
            $this->ajaxReturn(array('result' => true, 'href' => $href ? $href : U('Member/index')));
        } else {
            $this->ajaxReturn(array('result' => false, 'error' => '操作失败', 'msg' => M('Member')->getError()));
        }
    }
    //用户更改密码
    public function changePwd(){
        $tel = $this->_post('tel','trim');
        $password = $this ->_post('password','trim');
        $smscode = $this ->_post('smscode','trim');
        $session_smscode = session($this ->smscode);
        if (time() > $session_smscode['time']  || $smscode != $session_smscode['code']) {
            $this->ajaxReturn(array('result' => false, 'error' => '验证码不正确'));  //--调试成功
        }

        $data = array('password' => md5($password), 'addtime' => time());
        $memberModel = M('Member');
        // 检测是否已注册
        $member = $memberModel-> where(array('tel' =>$tel,'status'=>1))->find();
        if (empty($member)) {
            $this->ajaxReturn(array('result' => false, 'error' => '号码尚未注册'));
        }
        
        if ($memberModel->where(array('tel'=> $tel))->save($data)) {
            $href = session(LASTREQUEST);
            session(MEMBER, $member['id']); 
            $this->ajaxReturn(array('result' => true, 'href' => $href ? $href : U('Member/index')));
        } else {
            $this->ajaxReturn(array('result' => false, 'error' => '操作失败', 'msg' => M('Member')->getError()));
        }
    }

    // ajax检测号码是否注册
    public function checkTel() {
        $tel = $this->_post('tel', 'trim');
        if (IS_AJAX && preg_match("/1[3458]{1}\d{9}$/",$tel)) {
            $memberModel = M('Member');
            $member = $memberModel->where(array('tel'=>$tel,'status'=>1))->find();
            if (!empty($member)) {
                $this->ajaxReturn(array('status' => 1, 'info' => '已注册')); 
            } else {
                $this->ajaxReturn(array('status' => 2, 'info' => '未注册')); 
            }
        } else {
            $this->ajaxReturn(array('status' => 3, 'info' => '错误的请求')); 
        }
    }

    //发送注册验证码
    public function sendSmscode() {
        session($this->smstime, null);
        $smstime = session($this->smstime);
        $tel = $this->_post('tel', 'trim');
        
        if (IS_AJAX && (!$smstime || time() > $smstime) && preg_match("/1[3458]{1}\d{9}$/",$tel)) {
            $smscode = rand(1000, 9999);  
            //发送【阿里大鱼】的验证码
            require LIB_PATH . 'ORG/Taobao-sdk-php/TopSdk.php';
            $c = new TopClient;
            $c->appkey = '23307560'; // 原23294081
            $c->secretKey = '21ef24dd4c51e20693c5db0983c433e7'; // 原0402169f466d8fed780e7f07edd25177
            $req = new AlibabaAliqinFcSmsNumSendRequest;
            $req->setSmsType("normal");
            $req->setSmsFreeSignName("注册验证");
            $req->setSmsParam('{"code":"'. $smscode .'","product":"【多多助店宝】"}');
            $req->setRecNum("{$tel}");
            $req->setSmsTemplateCode("SMS_5056863");
            $resp = $c->execute($req);
        
            if(!$resp->code) {
                //设置发送限制时间
                session($this->smstime, time() + 50);
                //设置验证码5分钟内有效
                session($this->smscode, array('code' => $smscode, 'time' => time() + 600));
            } else {
                //发送失败写入日志文件
                $log = date('Y-m-d H:i:s') . " 发送失败  sub_code:{$resp->sub_code}  sub_msg:{$resp->sub_msg}" . PHP_EOL;
                file_put_contents(RUNTIME_PATH . 'Log/smscode.log', $log, FILE_APPEND);
            }
            
            $this->ajaxReturn(array('result' => !$resp->code));
        } else {
            $this->ajaxReturn(array('result' => false, 'error' => '错误的请求'));
        }
    }

    //发送修改密码验证码
    public function sendSmsexcode(){
        session($this->smstime, null);
        $smstime = session($this->smstime);
        $tel = $this->_post('tel', 'trim');
        if (IS_AJAX && (!$smstime || time() > $smstime) && preg_match("/1[3458]{1}\d{9}$/",$tel)) {
            $smscode = rand(1000, 9999);  
            //发送【阿里大鱼】的验证码
            require LIB_PATH . 'ORG/Taobao-sdk-php/TopSdk.php';
            $c = new TopClient;
            $c->appkey = '23307560'; // 原23294081
            $c->secretKey = '21ef24dd4c51e20693c5db0983c433e7'; // 原0402169f466d8fed780e7f07edd25177
            $req = new AlibabaAliqinFcSmsNumSendRequest;
            $req->setSmsType("normal");
            $req->setSmsFreeSignName("变更验证");   //短信签名固定,不可以换其他字
            $req->setSmsParam('{"code":"'. $smscode .'","product":"【多多助店宝】"}');
            $req->setRecNum("{$tel}");
            $req->setSmsTemplateCode("SMS_5056861");
            $resp = $c->execute($req); 
            if(!$resp->code) {
                //设置发送限制时间
                session($this->smstime, time() + 50);
                //设置验证码5分钟内有效
                session($this->smscode, array('code' => $smscode, 'time' => time() + 600));
            } else {
                //发送失败写入日志文件
                $log = date('Y-m-d H:i:s') . " 发送失败  sub_code:{$resp->sub_code}  sub_msg:{$resp->sub_msg}" . PHP_EOL;
                file_put_contents(RUNTIME_PATH . 'Log/smscode.log', $log, FILE_APPEND);
            }            
            $this->ajaxReturn(array('result' => !$resp->code));
        } else {
            $this->ajaxReturn(array('result' => false, 'error' => '错误的请求'));
        }
    }
登入後複製

小結:

1.註冊與修改密碼用到了簡訊驗證。
阿里大魚值得信賴。
2.安全起見,前端ajax驗證。後端亦進行驗證。
3.流程合理,切換自如。
4.功能全面,登錄,註冊,密碼修改齊全。

以上是php實作修改密碼的方法的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
php
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板