0

Не могу разобраться с валидацией формы при отправке ajax. У меня есть виджет с формой, во вьюхе которого находится ActiveForm.

//Это виджет формы

<?php
namespace app\components;

use yii\base\Widget;
use yii\helpers\Html;

use app\models\AppForm;
use app\models\ApplicationDAO;

use Yii;

class ApplicationForm extends Widget{

    public function run(){

        $model = new AppForm();
        if (Yii::$app->request->isAjax && $model->load(Yii::$app->request->post())) {
             $model->id = Yii::$app->user->id;// добавляем id 
             $applicationDAO = new ApplicationDAO();

        if($applicationDAO->create($model)) {
                return '1';
        } else { 
            Yii::$app->response->format = Response::FORMAT_JSON;
            return ActiveForm::validate($model);
         }
       }
         return $this->render('apform');
    }

}

Это вьюха виджета (на деле полей больше)

<?php
use yii\helpers\Html;
use yii\helpers\Url;
use yii\widgets\ActiveForm;
use yii\widgets\MaskedInput;

?>

  <?php $form = ActiveForm::begin([
    'id' => 'create_application',
    //'validationUrl' => Url::toRoute(['service/verify']),
    'enableAjaxValidation' => true,
]); ?>
      <?= $form->field($model, 'name') ?>
      <?= $form->field($model, 'phone') ?>
    <div class="form-group">
           <?= Html::submitButton('Отправить', ['class' => 'button_form']) ?>
    </div>
  <?php ActiveForm::end(); ?>
</div>

Если это важно, то код ajax:

$('#create_application').on('submit', function(event){  
    event.preventDefault();
    var data = $(this).serialize();
    var action = $(this).attr("action");
    $.ajax({
        url : action,
        type: "POST",
        data : data,
        success: function(res) {
        },
        error: function (req, text, error) { 
           alert('Ошибочка! ' + text + ' : ' + error);
        },
    });
});

В БД все сохраняется идеально, но валидация формы не проходит. Если отправлять пустые данные, в консоли выводит ошибку, типо нельзя сохранять пустые данные в бд, ну он должен же сначала проверять на стороне клиента что форма пустая и нужно заполнить. Не работает в общем. Буду благодарна любой помощи.

2
  • посмотрите js-код который сформировался на клиенте для формы(обычно бывает в нижней части body) 10 янв 2019 в 7:39
  • И приложите код AppForm и код метода контроллера на который отправляется форма. И вот этот код ajax не нужен Yii добавит его сам.
    – ErroR
    11 янв 2019 в 7:57

2 ответа 2

1

Мда, я просто случайно подключила два файла jQuery, не думая о том, что в Yii2 он уже есть, и в итоге валидация никак не могла сработать.

-1

Если вы хотите проверять на стороне клиента, то сделайте проверку перед ajax запросом на jQuery или javascript

('#create_application').on('submit', function(event){  
event.preventDefault();
var data = $(this).serialize();
var action = $(this).attr("action");

if ($('input[name=name]')){
alert('field name with error')
} 
else{

$.ajax({
...
)};

}

)};

если проверять на js не хотите то укажите в модели что если поле заполнено то ответ 1 иначе ошибка. Это для общего , что бы каждое поле не прописовать

2
  • В Yii2 же ajax берет правила валидации из модели формы. То есть автоматически, их не нужно прописывать в js, только в модели.
    – Дарья
    9 янв 2019 в 16:05
  • @Дарья все верно для этого вы используйте serialize() сам он ничего не берет и не делайт это делает разработчик, yii2 как любой фреймворк прсто выполняет
    – Vadim
    9 янв 2019 в 18:47

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.