15/04/2020
Rumah Code

Codeigniter 4 : Form Validation

Pada artikel kali ini saya akan membuat tutorial tentang form validation dengan menggunakan codeigniter 4. Saya akan memberikan contoh source code registrasi form dengan form dengan menggunakan bootstrap 4 biar tampilan nya lebih menarik.

Sebelum nya saya sudah pernah membahas bagaimana cara mebuat form validasi dengan menggunakan codeigniter 3 dan form validasi dengan bootstrap 4. codeigniter 4 ini di install dengan cara yang sudah pernah saya saya terangkan pada tutorial sebelmunya.

Untuk tutorial ini saya akan membagi menjadi dua tahapan yaitu:

Pembuatan View dan
Pembuatan Cotroller

sekarang kita mulai saja tahapan cara membuat form validation dengan menggunakan codeigniter 4.

Cara Membuat Form Validation Dengan Codeigniter 4

Pembuatan View

Buatlah file view dengan nama validation_form.php lalu isi dengan sourcode di bawah ini

<html>
<head>
    <title>RumahCode.org Register Form Validation</title>
<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>	
<style>
.note
{
    text-align: center;
    height: 80px;
    background: -webkit-linear-gradient(left, #0072ff, #8811c5);
    color: #fff;
    font-weight: bold;
    line-height: 80px;
}
.form-content
{
    padding: 5%;
    border: 1px solid #ced4da;
    margin-bottom: 2%;
}
.form-control{
    border-radius:1.5rem;
}
.btnSubmit
{
    border:none;
    border-radius:1.5rem;
    padding: 1%;
    width: 20%;
    cursor: pointer;
    background: #0062cc;
    color: #fff;
}
</style>
</head>
<body>
	<form method="post">
		<div class="container register-form">
            <div class="form">
                <div class="note">
                    <p>
						Contoh Validasi Form Pendaftaran Menggunakan Bootstrap dan codeigniter 4
					</p>
                </div>

                <div class="form-content">
                    <div class="row">
                        <div class="col-md-6">
							<div class="form-group">
                                <input type="text" class="form-control" placeholder="User ID" value=""  id="UserId" name="UserId"/>
                            </div>
                            <div class="form-group">
                                <input type="text" class="form-control" placeholder="Nama User" value=""  id="NamaUser" name="NamaUser"/>
                            </div>
							<div class="form-group">
                                <input type="text" class="form-control" placeholder="E-Mail" value=""  id="EMail" name="EMail"/>
                            </div>
                            <div class="form-group">
                                <input type="text" class="form-control" placeholder="Password" value=""  id="Password" name="Password"/>
                            </div>
							<div class="form-group">
                                <input type="text" class="form-control" placeholder="Konfirmasi Password" value=""  id="KonfirmasiPassword" name="KonfirmasiPassword"/>
                            </div>
							<div class="form-group">
                                <input type="text" class="form-control" placeholder="Umur" value=""  id="Umur" name="Umur"/>
                            </div>
                        </div>
						<div class="col-md-6">
							<?= $validation->listErrors() ?>
                        </div>
                    </div>
                    <button type="submit" class="btnSubmit">Daftar</button>
                </div>
            </div>
        </div>
	</form>
</body>
</html>

Pembuatan Controller

Buatlah Controller dengan nama Validation.php lalu isikan dengan source code di bawah ini

<?php namespace App\Controllers;
use CodeIgniter\Controller;

class Validation extends Controller
{
        public function index()
        {	//Load Helper Form dan url
			helper(['form', 'url']);
			//Cek Methode yang digunakan 
			if ($this->request->getMethod() !== 'post') {
			//Jika methode bukan post maka tidak perlu dilakukan validasi
				$val = $this->validate([]);
				echo view('validation_form',[
						   'validation' => $this->validator
					]);
			}else
			{
				//Field  Yang di validasi
				$val = $this->validate([
					'UserId' => ['label' => 'User ID', 'rules' => 'required|min_length[5]'],
					'NamaUser' => ['label' => 'Nama User', 'rules' => 'required|min_length[10]'],
					'EMail'  => ['label' => 'E-Mail', 'rules' => 'required|valid_email'],
					'Password' => ['label' => 'Password', 'rules' => 'required|min_length[8]'],
					'KonfirmasiPassword' => ['label' => 'Konfirmasi Password', 'rules' => 'required|matches[Password]'],
					'Umur'  => ['label' => 'Umur', 'rules' => 'required|numeric'],
				]);
				//Proses Validasi
				if (!$val)
				{   //Masih ada kesalahan pada validasi
					echo view('validation_form', [
						   'validation' => $this->validator
					]);
		 
				}else
				{	//Semua Field sudah tervalidasi
					echo 'Sukses';
				}
			}
        }
}