Codeigniter 4 : Form Validation

Codeigniter 4 : Form Validation

loading....

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';
				}
			}
        }
}

Demikian lah tutorial saya kali ini semoga dapat bermanfaat.

Artikel Menarik Lainnya
form validation codeigniter, ci form validation, codeiginter 4, codeigniter, tutorial codeigniter

loading...