haoshengxin/company/modules/wechat/views/site/forget.php

<?php
//
/* @var $this yii\web\View */
/* @var $form yii\bootstrap\ActiveForm */
/* @var $model \common\models\LoginForm */
//
//use yii\helpers\Html;
//use yii\bootstrap\ActiveForm;
//
use yii\helpers\Url;
use yii\helpers\Html;
$this->title = '找回密码';
?>
<div class="tel-id login">
    <div class="img">
        <img src="/images/logo.png" alt="">
    </div>
    <ul class="id-info">
        <li>
            <label for="tel">手机</label>
            <input type="text" id="tel" value="" placeholder="请输入手机号">
        </li>
        <li>
            <label for="code">验证码</label>
            <input type="text" id="code" value="" placeholder="请输入验证码">
            <a href="javascript:;"  id="getvarifyCode"data="false"  class="open-box getvarifyCode" >获取验证码</a>
        </li>
    </ul>
    <a href="javascript:;" class="weui-btn weui-btn_plain-default signin">提交</a>
</div>

<div class="code-box">
    <h2>请输入图片验证码</h2>
    <a href="javascript:;" class="close"><i class="iconfont icon-guanbi"></i></a>
    <div class="img">
        <img src="/code.php" id="createCheckCode"  alt="">
        <a onClick="updateImg()" href="javascript:;" class="refurbish"><i  class="iconfont icon-shuaxin"></i></a>
    </div>
    <div class="input">
        <input type="text" class="now" id="first" />
    </div>

</div>
<div class="code-bg"></div>

<script>
    $('.signin').on('click',function(){
        $('#myform').submit();
    });
    var tel_reg = /^1[34578]\d{9}$/;

    //局部刷新验证码
    function updateImg(){
        $("#createCheckCode").attr("src", $("#createCheckCode").attr("src") +'?rnd='+ Math.random());
    }

    //验证码弹窗
    $('.tel-id .open-box').on('click',function () {
        var tel = $('#tel').val();
        if(tel ==""){
            $.alert('请输入手机号码');return false;
        }else if(!tel_reg.test(tel)){
            $.alert('手机号格式错误');return false;
        }else{
            $('.code-box').show();
            $('.code-bg').show();
            $('#first').focus();//获取第一个焦点
            $('.code-box .close').on('click',function () {//关闭按钮
                $('.code-box').hide();
                $('.code-bg').hide();
            });
        }
    });

    //验证码输入完毕执行事件
    $('#first').on('keyup',function(){
        var length = this.value.length;
        if(length == 4){
            $('.code-box').hide();
            $('.code-bg').hide();
            var tel = $('#tel').val();
            var code = $('#first').val();
            $.ajax({
                url: '<?=Url::toRoute(['site/verify'])?>',
                type: 'POST',
                dataType:"JSON",
                data: {tel:tel,code:code, '_csrf-company': '<?=Yii::$app->request->getCsrfToken();?>'},
                success: function (data) {
                    if(data.sign==1){
                        $.alert(data.msg);
                        $('#getvarifyCode').removeClass('open-box');
                        setTime();
                    }else{
                        $.alert(data.msg);
                    }
                },
                error:function(data){
                    $.alert('验证失败，请重新尝试');
                }
            });
        }
    });


    $('.signin').on('click',function(){
        var code = $('#code').val()
        var tel = $('#tel').val();
        $.ajax({
            url: '<?=Url::toRoute(['site/verifytel'])?>',
            type: 'POST',
            dataType:"JSON",
            data: {tel:tel,code:code, '_csrf-company': '<?=Yii::$app->request->getCsrfToken();?>'},
            success: function (data) {
                if(data.sign==1){
                    $.changePassword({
                        title: '修改密码',
                        password1: 'tom',  // 修改密码
                        password2: 'tom',  // 确认密码
                        onOK: function (password1, password2) {
                            //点击确认
                            $.ajax({
                                url: '<?=Url::toRoute(['site/newpassword'])?>',
                                type: 'POST',
                                dataType:"JSON",
                                data: {tel:tel,password1:password1,password2:password2, '_csrf-company': '<?=Yii::$app->request->getCsrfToken();?>'},
                                success: function (data) {
                                    if(data.sign==1){
                                        $.alert(data.msg, "提示", function() {
                                            window.location.href="<?=Url::toRoute(['building/index'])?>";
                                        });
                                    }else {
                                        $.alert(data.msg);
                                    }
                                }
                            });
                        },
                        onCancel: function () {
                            //点击取消
                        }
                    });
                }else{
                    $.alert(data.msg);
                }
            },
            error:function(data){
                $.alert('验证失败，请重新尝试');
            }
        });
    });


    var wait;
    function setTime(){
        wait = <?=\frontend\controllers\SiteController::$send_code_time?>;
        timer = setInterval("time()",1000);
        $('#getvarifyCode').css('background-color','#A1A1A1');
        $('#getvarifyCode').css('border','1px solid #A1A1A1');
        $('#getvarifyCode').attr("data", true);
    }
    function time(){
        if(wait>=0){
            msg="重新发送(" + wait + "s)";
            $('#getvarifyCode').text(msg);
            --wait;
            window.name=wait;
            $('#getvarifyCode').attr("data", true);
        } else{
            clearInterval(timer);
            $('#getvarifyCode').text('重新发送');
            $('#getvarifyCode').css('background-color','#ff9e1c');
            $('#getvarifyCode').addClass('open-box');
            $('#getvarifyCode').attr("data", false);
        }
    }
</script>