Yii - Validação AJAX

A validação do nome de usuário deve ser feita apenas no lado do servidor, pois apenas o servidor possui as informações necessárias. Nesse caso, você pode usar a validação baseada em AJAX.

Step 1 - Para habilitar a validação AJAX, modifique o registration ver desta forma.

<?php
   use yii\bootstrap\ActiveForm;
   use yii\bootstrap\Html;
?>
  
<div class = "row">
   <div class = "col-lg-5">  
   
      <?php $form = ActiveForm::begin(['id' => 'registration-form', 'enableAjaxValidation' => true]); ?>  
      <?= $form->field($model, 'username') ?> <?= $form->field($model, 'password')->passwordInput() ?> <?= $form->field($model, 'email')->input('email') ?> <?= $form->field($model, 'country') ?> <?= $form->field($model, 'city') ?> <?= $form->field($model, 'phone') ?>  
      <div class = "form-group">             
         <?= Html::submitButton('Submit', ['class' => 'btn btn-primary', 
            'name' => 'registration-button']) ?>
      </div>
      
      <?php ActiveForm::end(); ?>  
   </div>
</div>

Devemos também preparar o servidor, para que ele possa lidar com as solicitações AJAX.

Step 2 - Modifique o actionRegistration método do SiteController deste jeito.

public function actionRegistration() { 
   $model = new RegistrationForm(); 
   if (Yii::$app->request->isAjax && $model->load(Yii::$app->request>post())) { Yii::$app->response->format = Response::FORMAT_JSON; 
      return ActiveForm::validate($model); } return $this->render('registration', ['model' => $model]); 
}

Step 3 - Agora vá para http://localhost:8080/index.php?r=site/registration, você notará que a validação do formulário é feita por solicitações AJAX.