Pada bagian kali ini kita akan membuat form pada Yii2. Form ini akan kita namakan UserForm yang merupakan hasil inheritance dari Class Model Yii2. Form ini akan berisi input untuk nama dan email, dimana aturan atau rules yang akan kita buat bahwa nama dan email harus diisi, dan email harus mengikuti format email yang baku. Ini dia langkah-langkahnya :
1. Buat file baru yaitu UserForm.php dan letakkan di folder /basic/models dan tuliskan kode seperti ini :
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 |
<?php namespace app\models; use yii\base\Model; class UserForm extends Model{ public $name; public $email; public function rules() { return [ [['name','email'],'required'], ['email','email'], ]; } } |
2. Selanjutnya, kita akan membuat function pada SiteController.php Pada function ini, model UserForm yang sudah kita buat tadi akan dipanggil, kemudian dilakukan validasi. Jika validasi berhasil, maka diset sebuah pemberitahuan bahwa data sudah dimasukkan dengan benar, menggunakan SetFlash(). Jangan lupa untuk memberikan use app\models\UserForm pada bagian atas :
|
1 2 3 4 5 6 7 8 9 |
namespace app\controllers; use Yii; use yii\filters\AccessControl; use yii\web\Controller; use yii\filters\VerbFilter; use app\models\LoginForm; use app\models\ContactForm; use app\models\UserForm; |
|
1 2 3 4 5 6 7 8 9 10 |
public function actionUserform() { $model = new UserForm; if($model->load(Yii::$app->request->post()) && $model->validate()) { Yii::$app->session->setFlash('success','You have entered the data correctly'); } return $this->render('userForm',['model'=>$model]); } |
3. Kita membuat view userForm.php untuk menampilkan form pada layar. Kita akan menggunakan HTML helpers dan widget ActiveForm. Kita juga akan menampilkan pesan bahwa data sudah diisikan dengan benar. Kodenya seperti ini :
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
<?php use yii\helpers\Html; use yii\widgets\ActiveForm; ?> <?php if(Yii::$app->session->hasFlash('success')){ echo Yii::$app->session->getFlash('success'); } ?> <?php $form = ActiveForm::begin();?> <?= $form->field($model,'name'); ?> <?= $form->field($model,'email'); ?> <?= Html::submitButton('Submit',['class'=>'btn btn-success']); ?> |
Jalankan basic/web/index.php?r=site/userform pada browser dan coba isikan nama dan email dengan format yang benar :
Kita akan memberikan modifikasi pada view userform supaya alertnya terlihat lebih bagus dengan memberikan Class dari Bootstrap yaitu alert-success :
|
1 2 3 4 5 |
<?php if(Yii::$app->session->hasFlash('success')){ echo "<div class='alert alert-success'>".Yii::$app->session->getFlash('success')."</div>"; } ?> |
Tutorial ini sebagai dokumentasi dan pembelajaran pribadi sekalian belajar terjemahin bahasa Inggris, dan siapa tahu bermanfaat buat orang lain. Sumber lengkapnya diambil dari Youtube DoingITEasy Channel.