Sergey Beloventsev2018-01-13 11:57:20
Sergey Beloventsev, 2018-01-13 11:57:20

Ajax form not validating after creating?

I'm adding a form using Ajax but it's not validating on the client. There is a form there, but based on the user's choice, part of the form changes. As follows, an ajax request is sent, it indicates what choice the user made, the form changes, and the same script, if a response is received, part of the form changes, in fact, this is how it is written in js

$('#deliveryForm .radio-tab input').change(function () {
            var datas = $(this).val();
                method: "POST",
                url: "/cart",
                data: 'delivery='+datas,
                success: function (data) {
                    $.pjax.reload({container: "#pjax-form-cart"});
                    $('#deliveryForm .radio-tabs .tab-pane').removeClass('active');
                    $('#deliveryForm .radio-tabs .tab-pane.delivery2').addClass('active');

this is how I process the user's choice in the controller
public function actionIndex(){
          if(Yii::$app->request->isAjax &&isset($post['delivery']))
                 $choice= UserCartChoice::find()->one();
     private function userCartChoice($choise){
                $userChoise= new UserCartChoice();

and, accordingly, the entire replacement block
<?php Pjax::begin(['id' => 'pjax-form-cart']); ?>
        <div class="tab-content">
            <div class="tab-pane delivery1 <?= ($userChoice==0)?'active':''?> ">
                <?php  if($userChoice==0){ echo PickUp::widget(['form'=>$form]); } ?>
            <div class="tab-pane delivery2 <?= ($userChoice==1)?'active':''?>">
                <?php  if($userChoice==1){ echo DeliveryPiter::widget(['form'=>$form]); } ?>
        <?php Pjax::end(); ?>

And when I create the form it is not validated. On the client. If I click the submit button. Validation errors are shown.
I so understand it is necessary to initialize anew check. The question is what needs to be initialized

Answer the question

In order to leave comments, you need to log in

3 answer(s)
Sergey Beloventsev, 2018-01-13

In general, I solved the issue as follows

<?php $this->registerJs("
        $('#deliveryForm .required input').on('blur',function(){
            var id= $(this).attr('id');
            $('#deliveryForm').yiiActiveForm('validateAttribute', id);
    });", yii\web\View::POS_READY); ?>

in each widget view

Artem, 2018-01-13

I understood you correctly that you decided instead of

<?php $form = ActiveForm::begin([
    'enableAjaxValidation' => true
 ]) ?>

Decided to shove a Pjax-container into the form itself, which reloads the html inside of itself?

Dmitry, 2018-01-13

Good afternoon.
This video will help you.
Pjax is not needed here at all.
You need to specify in the parameters that you need ajax validation, make an action for this validation and specify the address where the validation will take place.
Approximately like this:

$form = ActiveForm::begin([
      'id' => 'testForm',
      'enableAjaxValidation' => true,
      //'enableClientValidation' => false,
      'validationUrl' => ['dynamic/ajax-validation']

// и действие в контролере
if (Yii::$app->request->isAjax && $model->load(Yii::$app->request->post())) {
    Yii::$app->response->format = Response::FORMAT_JSON;
    return ActiveForm::validate($model);

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question