haoshengxin/company/modules/manage/views/site/back.php

<?php
/**
 * Created by PhpStorm.
 * User: Administrator
 * Date: 2017/9/28
 * Time: 17:06
 */
/* @var $this yii\web\View */
/* @var $form yii\bootstrap\ActiveForm */
/* @var $model \common\models\LoginForm */
use yii\helpers\Url;
$this->title = '找回密码';
//$this->params['breadcrumbs'][] = $this->title;
?>

<div class="middle-box text-center loginscreen  animated fadeInDown">
    <div>
        <div>
            <h1 class="logo-name">GD</h1>
        </div>
        <h3 style="font-weight:600;"><?=Yii::$app->params['sitetitle']; ?></h3>
        <form class="m-t Myfrom" role="form" action="<?=Url::toRoute(['site/updatepassword'])?>" method="post">
            <div class="form-group" style="position: relative;">
                <input type="text" name="tel" class="form-control tel" placeholder="请输入手机号码" required="">
                <input type="button" id="btn" value="获取验证码" class="btn btn-sm btn-primary" style="position:absolute; right: 0;top: 0;" />
            </div>
            <div class="form-group">
                <input type="text" name="verify" class="form-control code" placeholder="验证码" required="">
            </div>

            <input type="hidden" name="_csrf-company" value="<?=Yii::$app->request->getCsrfToken()?>">

            <button type="button" class="btn btn-primary block full-width m-b">找回密码</button>

        </form>
    </div>
</div>

<script>
    var countdown = 60;
    $('#btn').on('click',function(){
        var tel = $('.tel').val();
        var chat = this;
        if(tel ==""){
            layer.msg('请输入手机号码');return false;
        }else{
            $.ajax({
                url: '<?=Url::toRoute(['site/verify'])?>',
                type: 'POST',
                dataType:"JSON",
                data: {tel:tel, '_csrf-company': '<?=Yii::$app->request->getCsrfToken();?>'},
                success: function (data) {
                    if(data.sign==1){
                        layer.msg(data.msg);
                    settime(chat);
                    }else{
                        layer.msg(data.msg);
                    }
                },
                error:function(data){
                    layer.msg('调用失败');
                }
            });
        }
    });

    function settime(val) {
        if (countdown == 0) {
            val.removeAttribute("disabled");
            val.value="获取验证码";
            countdown = 60;
        }else {
            val.setAttribute("disabled", true);
            val.value="重新发送(" + countdown + ")";
            countdown--;
        }
        setTimeout(function() {
            settime(val)
        },1000)
    }
    $('.m-b').on('click',function(){
        var tel = $('.tel').val();
        var code = $('.code').val();
        $.ajax({
            url: '<?=Url::toRoute(['site/verifytel'])?>',
            type: 'POST',
            dataType:"JSON",
            data: {code:code,tel:tel, '_csrf-company': '<?=Yii::$app->request->getCsrfToken();?>'},
            success: function (data) {
                if(data.sign==1){
                    $('.Myfrom').submit();
                }else{
                    layer.msg(data.msg);
                }
            },
            error:function(data){
                layer.msg('调用失败');
            }
        });
    })
</script>