Foundation валидация в проекте Yii2?

Question

[GoldTigerman]

Как можно прикрутить Abide Validation к Active Form

Comments

[Дмитрий]

Доброе утро?
А зачем, чем Вас не устраивает валидация по умолчанию?
Измените стили, если Вас не устраивает внешний вид и всё.

Answer 1

[Максим Тимофеев]

подключить foundation вместо bootstrap и сменить классы в activeform
https://www.yiiframework.com/doc/api/2.0/yii-widge...

Comments

[GoldTigerman]

<?php $form = ActiveForm::begin(['id' => 'login-form',
                'options' => ['data-abide' => true
                ]]); ?>

            <!-- Add "is-invalid-label" -->
                <?= Html::activeLabel($model, 'username', ['class' => $model->hasErrors() ? 'is-invalid-label' : 'control-label']) ?>
                <!-- Add "is-invalid-input" -->
                <?= Html::activeTextInput($model, 'username',
                    [
                        'class' => $model->hasErrors() ? 'is-invalid-input' : 'form-control',
                        'required' => true,
                        'aria-invalid' => $model->hasErrors() ? true : false
                    ]) ?>
                <!-- Add "is-visible" -->
                <?= Html::error($model, 'username',
                    [
                        'class' => 'form-error is-visible',
                        'tag' => 'span'
                    ]) ?>

Спасибо, только валидирует после отправки на сервер. Что не так делаю?

[Максим Тимофеев]

GoldTigerman,

Что не так делаю?

все. Зачем Вы используете одновременно HtmlHelper и ActiveForm? И как Вы ожидаете валидации, если не используете ActiveForm?

[GoldTigerman]

Максим Тимофеев, да тоже смотрю на этот код и улыбаюсь)) Переделал вот так:

<?php $form = ActiveForm::begin(['id' => 'login-form',
                    'errorCssClass' => 'is-invalid-input aria-invalid is-visible form-error',
                    'options' => ['data-abide' => true],
                    'fieldConfig' => [
                        'errorOptions' => [
                            'tag' => 'span'
                        ]
                    ]
                ]); ?>

                <?= $form->errorSummary($model); ?>

                <?= $form->field($model, 'username',
                    ['labelOptions' => ['class' => $model->hasErrors() ? 'is-invalid-label' : 'control-label']])
                    ->textInput(['autofocus' => true]) ?>

Правда к label-у стиль применяется после перезагрузки страницы

[Максим Тимофеев]

Ну так когда $model->hasErrors() перестает давать false. Все логично.
Думаю проще пересобрать fondation, взять css классы, которые есть в ActiveForm (bootstrap) и дать им нужные стили.
Или сделать свой FondationActiveForm, унаследовать от ActiveForm и переопределить там все что нужно.

Ну и как вариант - можно тут покопаться, может есть что толковое:
https://github.com/search?utf8=✓&q=yii2+zurb&type=