YII Creating Form

by Online Tutorials Library July 14, 2022

Creating Form

We’ll create a form to get the data from users.

In our form, we’ll create four input fields for name, contact, course and email. Page will display the entered values back.

Step 1 Create Model file UserForm.php

Here we’ll create a model file to request data from the user in models/UserForm.php.

  <?php     namespace frontendmodels;     use Yii;   use yiibaseModel;     class UserForm extends Model   {       public $name;       public $contact;       public $course;       public $email;         public function rules()       {           return [               [[‘name’, ‘contact’, ‘course’, ’email’], ‘required’],               [’email’, ’email’],          ];       }   }   

Look at the above code, the function rules() is set to validate data from users.

Step 2 Create Action

In the controllers/SiteController.php, we’ll create an action user.

  <?php   namespace frontendcontrollers;     use Yii;   use yiibaseInvalidParamException;   use yiiwebBadRequestHttpException;   use yiiwebController;   use yiifiltersVerbFilter;   use yiifiltersAccessControl;   use commonmodelsLoginForm;   use frontendmodelsPasswordResetRequestForm;   use frontendmodelsResetPasswordForm;   use frontendmodelsSignupForm;   use frontendmodelsContactForm;   use frontendmodelsUserForm;   /**    * Site controller    */   class SiteController extends Controller   {       /**        * @inheritdoc        */   public function actionUser()       {           $model = new UserForm();             if ($model->load(Yii::$app->request->post()) && $model->validate()) {               // valid data received in $model                 // do something meaningful here about $model …                 return $this->render(‘user-confirm’, [‘model’ => $model]);           } else {               // either the page is initially displayed or there is some validation error               return $this->render(‘user’, [‘model’ => $model]);           }       }   

Look at the above code, action receives the data from the $_POST method provided by the users. The action validate() will make sure that entered data is valid.

If data is valid, then action will render to the view page user-confirm to confirm the submission. Otherwise, it will go to else part, stating error in the validation.

Step 3 Create views

Two files in the view directory will be created.

One is user-confirm.php file in views/site/user-confirm.php.

  <?php   use yiihelpersHtml;   ?>   <p>You have entered the following information:</p>   <ul>       <li><label>Name</label>: <?= Html::encode($model->name) ?></li>       <li><label>Contact</label>: <?= Html::encode($model->contact) ?></li>       <li><label>Course</label>: <?= Html::encode($model->course) ?></li>       <li><label>Email</label>: <?= Html::encode($model->email) ?></li>   </ul>  

Other is user.php file in views/site/user.php.

  <?php   use yiihelpersHtml;   use yiiwidgetsActiveForm;   ?>   <?php $form = ActiveForm::begin(); ?>         <?= $form->field($model, ‘name’) ?>         <?= $form->field($model, ‘contact’) ?>          <?= $form->field($model, ‘course’) ?>           <?= $form->field($model, ’email’) ?>         <div class=”form-group”>           <?= Html::submitButton(‘Submit’, [‘class’ => ‘btn btn-primary’]) ?>       </div>     <?php ActiveForm::end(); ?>  

Look at the above code, the ActiveForm widget is used to create the HTML form. The begin() and end() widgets represents the opening and closing tags of HTML form respectively.

Step 4 Running on Browser

Type the following URL in your browser to run the form,

http://localhost/form/frontend/web/index.php?r=site%2Fuser

Now we’ll fill the details in the above form.

On clicking the Submit button, we’ll see the validated information.

Next TopicYII Ad hoc Validation

YII Creating Form

Creating Form

XSLT Element

YII2 Installation

You may also like