Yii2 ajax регистрация и авторизация что это такое?

Question

[Миха Панкратов]

Добрый день,

Сделал регу и авторизацию на сервере, а тут решили сделать выплывающее окно на логин и на регу.
Как создать форму в этих выплывающих вьюхах и правильно отправить данные. Чтоб и валидация так же работала и сервер отрабатывал)

А то костылей налепил - а теперь с ними плачу.

Answer 1

[Сергей Семенко]

Выводите форму как и всегда в всплывающем окне + в Yii2 по умолчанию есть поддержка проверки на стороне клиент и ajax проверка введенных данных.

/views/layouts/main.php

<?php $model = new SignupForm(); ?>
<?php $this->render('/site/user/signup', ['model' => $model]); ?>

Comments

[Миха Панкратов]

Можно пример

[Сергей Семенко]

frmax:
<?php $form = ActiveForm::begin(); ?>
<?= $form->field($model, 'field') ?>
<?php ActiveForm::end(); ?>

[Миха Панкратов]

Это понятно а как модель передать?

[Сергей Семенко]

frmax: у Вас это окно доступно на всех страницах?

[Миха Панкратов]

Да

[Миха Панкратов]

Пытаюсь так

public function actionIndex()
{
$model = new SignupForm();
$this->render('/site/user/signup', ['model' => $model,]);
return $this->render('index');
}

но все без-толку

[Сергей Семенко]

frmax: отредактировал ответ, это тебе нужно?

[Миха Панкратов]

Вроде это) Только вот добавиляю рендер и окно js вообще отключается

[Сергей Семенко]

frmax: а что в /site/user/signup?

[Миха Панкратов]

ниже ответил дабы выделить код

Answer 2

[Миха Панкратов]

в layoute

<?php $model = new SignupForm(); ?>
    <?php $this->render('@app/views/site/user/singup.php', ['model' => $model]); ?>

в Signup

<?php
use yii\helpers\Html;
use yii\bootstrap\ActiveForm;
/* @var $this yii\web\View */
/* @var $form yii\bootstrap\ActiveForm */
/* @var $model \frontend\models\SignupForm */
$this->title = 'Signup';
$this->params['breadcrumbs'][] = $this->title;
?>
<div class=reg-block id=reg-block> 
        
        <?php $form = ActiveForm::begin([
        'enableClientValidation' => true,
        'enableAjaxValidation' => true,
        'id' => 'form-signup']); ?>
        <div class=r-f-b> 
            <div class=r-f-pp>
                <label for=name><span>Ваше имя</span>
            <?= $form->field($model, 'username') ?>    
                </label> 
            </div>
            <div class=r-f-pp>
                <label for=last-name> <span>Фамилия</span>
            <?php //= $form->field($model, 'lastname') ?>        
                </label>  
            </div>
            </div>
        <div class=r-f-b>
            <div class=r-f-pp-l>
                <label for=mail> <span>Электронная почта</span> 
                <?= $form->field($model, 'email') ?>
                    <p class=p-att>Нужна чтобы вы смогли войти на сайт. Отправлять ничего не будем.</p>
                </label>
            </div>
        </div>
            <div class=r-f-b> 
                <div class=r-f-pp> 
                    <label for=pwd> <span>Пароль</span> 
            <?= $form->field($model, 'password')->passwordInput() ?>
                    </label> 
                </div>      
            </div>
        <div class=r-f-pp-h>
            <?php //= Html::submitButton('Signup', ['class' => 'card-button blue', 'name' => 'signup-button']) ?>
            <?= Html::submitButton('Signup', ['class' => 'card-button blue', 'name' => 'Готово!']) ?>
        </div> 
        <?php ActiveForm::end(); ?>
        
        
<!--            <form class=reg-from-popup action="javascript:void(null);"> 
            <div class=r-f-b> 
                <div class=r-f-pp> 
                    <label for=name><span>Ваше имя</span><input id=name type=text name=name></label> 
                </div>
                <div class=r-f-pp> 
                    <label for=last-name> <span>Фамилия</span> <input id=last-name type=text name=lastname></label> 
                </div> 
            </div> 
            <div class=r-f-b>
                <div class=r-f-pp-l> 
                    <label for=mail> <span>Электронная почта</span> <input id=mail type=email name=login></label> 
                    <p class=p-att>Нужна чтобы вы смогли войти на сайт. Отправлять ничего не будем.</p> 
                </div> 
            </div> 
            <div class=r-f-b> 
                <div class=r-f-pp> 
                    <label for=pwd> <span>Пароль</span> <input id=pwd class=error type=password name=password></label> 
                </div>
                    <div class=r-f-pp-h> <button class="card-button blue" onclick="singup();">Готово!</button> </div> 
            </div> 
        </form>-->
    </div>

Comments

[Миха Панкратов]

B верска сыпиться - наверное он не так вставляет

[Сергей Семенко]

Если на то пошло, то замени render, на renderFile или пиши /site/user/signup.php

[Сергей Семенко]

И заголовок не нужно переопределять, это же окно, а не страница

[Миха Панкратов]

сделал но не все равно форма не моя - по идеи мне форма надо - но у меня никак не получается ее сделать

[Миха Панкратов]

Сергей Семенко: ты разбираешься в строении формы ?- я как ни кручу все свои классы пихает этот ActiveForm

[Миха Панкратов]

По этому и верстка летит и перестает все работать)

[Сергей Семенко]

frmax: <?= $form->field($model, 'username', [
'template' => "{label}\n{input}\n{hint}\n{error}",
]) ?>

Вот, просто измени шаблон под себя

[Миха Панкратов]

Сергей Семенко: Да меняю я, я ж говорю) но выходит все равно с классами ActiveForm

[Сергей Семенко]

frmax: в activeform - labelOptions, fieldOptions, вроде, там можно класс изменитт

[Миха Панкратов]

Сергей Семенко: Да, можно

[Миха Панкратов]

И кстати когда пишу
<?php $this->render('/site/user/signup', ['model' => $model]); ?>

файл не находит

[Сергей Семенко]

frmax: а почему две папки /site/user?

[Миха Панкратов]

ну сделал я для одну папку

[Дмитрий Б]

Миха Панкратов: потому что ты ищешь контроллер user в модуле site, хотя скорее всего у тебя самостоятельный контроллер user.
<?php $this->render('/user/signup', ['model' => $model]); ?>