模态窗口中的Ajax验证数据yii2

时间:2016-04-13 18:18:21

标签: javascript php ajax yii2 pjax

我的主视图中有模态窗口

<?php
        Modal::begin([
            'header' => 'Log in or register or restore password',
            'id' => 'modal',
            'size' => 'modal-lg',
        ]);
        echo "<div id='modalContent'></div>";
        Modal::end();
    ?>

我还有其他视图在主视图中的模态窗口中呈现它

<div class="row">
    <div class="col-lg-5">
        <?php $form = ActiveForm::begin(['id' => 'login-form']); ?>

            <?= $form->field($login_model, 'username')->textInput() ?>

            <?= $form->field($login_model, 'password')->passwordInput() ?>

            <div class="form-group">
                <?= Html::submitButton('Login', ['class' => 'btn btn-primary', 'name' => 'login-button', 'data-pjax' => 1]) ?>
            </div>

        <?php ActiveForm::end(); ?>
    </div>
</div>

使用此

\frontend\assets\OverviewAsset::register($this);

我注册了我的js代码

$(document).ready(function() {
$(function() {
    var id_user_tag = 'id_user';

    $(document).on('click','[' + id_user_tag + ']', function () {
        var id_user = this.getAttribute(id_user_tag);
        $.ajax({
            url: '/client/is-full-page-accessed',
            type: 'post',
            data: {
                id_user: id_user
            },
            success: function (response) {
                if(response) {
                    window.location = 'full-page?id_user=' + id_user;
                } else {
                    $.get(
                        '/client/log-in',
                        function (data) {
                            $('#modal').modal('show')
                                .find('#modalContent')
                                .html(data);
                        }
                    );
                }
            }
        });
    });
});});

我有控制器

public function actionLogIn()
{
    if (!\Yii::$app->user->isGuest) {
        return $this->goHome();
    }

    $password_reset_request_model = new PasswordResetRequestForm();
    if ($password_reset_request_model->load(Yii::$app->request->post()) && $password_reset_request_model->validate()) {
        if ($password_reset_request_model->sendEmail()) {
            Yii::$app->session->setFlash('success', 'Check your email for further instructions.');

            return $this->goHome();
        } else {
            Yii::$app->session->setFlash('error', 'Sorry, we are unable to reset password for email provided.');
        }
    }

    $login_model = new LoginForm();
    if ($login_model->load(Yii::$app->request->post()) && $login_model->login()) {
        return $this->goBack();
    } else {
        $model['login'] = $login_model;
        return $this->renderAjax('log-in', ['login_model' => $login_model, 'password_reset_request_model' => $password_reset_request_model]);
    }
}

最后我有什么

我点击某个按钮,如果我没有登录 - 我必须打开我的模态窗口并获取我在控制器中呈现的附加视图。它有效,但是当我在模态窗口中放入错误的数据时 - 我的页面会转到此/client/log-in网址。但我想在模态窗口中显示我的无效数据。

怎么做?

如果需要任何其他信息,请告诉我。

0 个答案:

没有答案