Days
Hours
Minutes
Seconds

Promo Grand Opening

15% OFF

Khusus Pelanggan Baru

Form Validasi dengan CodeIgniter

 

 

Tutorial ini akan memandu Anda dalam membuat validasi form dengan CodeIgniter.


 

Langkah 1: Pengaturan Awal

 

Pertama, siapkan controller dan view yang akan kita gunakan.

Buat controller baru di application/controllers/ dengan nama Form.php.

PHP

// application/controllers/Form.php

defined('BASEPATH') OR exit('No direct script access allowed');

class Form extends CI_Controller {

    public function __construct() {
        parent::__construct();
        $this->load->helper('form');
        $this->load->library('form_validation');
    }

    public function index() {
        $this->load->view('myform');
    }
}

Kemudian, buat view baru di application/views/ dengan nama myform.php.

HTML

<!DOCTYPE html>
<html>
<head>
    <title>Form Contoh</title>
</head>
<body>
    <?php echo validation_errors(); ?>

    <?php echo form_open('form/submit'); ?>

    <h5>Nama Pengguna</h5>
    <input type="text" name="username" value="" size="50" />

    <h5>Kata Sandi</h5>
    <input type="text" name="password" value="" size="50" />

    <h5>Konfirmasi Kata Sandi</h5>
    <input type="text" name="passconf" value="" size="50" />

    <h5>Email</h5>
    <input type="text" name="email" value="" size="50" />

    <div><input type="submit" value="Submit" /></div>

    </form>
</body>
</html>

 

Langkah 2: Menambahkan Aturan Validasi

 

Sekarang, kita tambahkan validasi ke controller. Buat metode (fungsi) baru bernama submit.

PHP

// application/controllers/Form.php

// ... di dalam class Form extends CI_Controller { ...

public function submit() {
    $this->form_validation->set_rules('username', 'Nama Pengguna', 'required|alpha_numeric|min_length[5]|max_length[12]');
    $this->form_validation->set_rules('password', 'Kata Sandi', 'required|min_length[8]');
    $this->form_validation->set_rules('passconf', 'Konfirmasi Kata Sandi', 'required|matches[password]');
    $this->form_validation->set_rules('email', 'Email', 'required|valid_email');

    if ($this->form_validation->run() == FALSE) {
        $this->load->view('myform');
    } else {
        $this->load->view('formsuccess');
    }
}

 

Penjelasan Aturan Validasi

 

  • set_rules('field_name', 'label', 'rules') : Aturan validasi ditentukan di sini.
    • required: Bidang harus diisi.
    • alpha_numeric: Hanya boleh berisi karakter alfanumerik.
    • min_length[5]: Panjang minimal 5 karakter.
    • max_length[12]: Panjang maksimal 12 karakter.
    • matches[password]: Nilai harus sama dengan field password.
    • valid_email: Format harus berupa alamat email yang valid.

 

Langkah 3: Membuat Halaman Sukses

 

Jika validasi berhasil, kita akan mengarahkan pengguna ke halaman sukses. Buat view baru di application/views/ dengan nama formsuccess.php.

HTML

<!DOCTYPE html>
<html>
<head>
    <title>Form Berhasil</title>
</head>
<body>
    <h3>Formulir Anda Berhasil Dikirim!</h3>
    <p><?php echo anchor('form', 'Coba lagi!'); ?></p>
</body>
</html>

 

Selesai!

 

Sekarang, saat Anda mengakses http://localhost/nama_proyek/index.php/form, Anda akan melihat form. Jika Anda mengisi form dengan data yang tidak valid, CodeIgniter akan menampilkan pesan kesalahan. Jika semua data valid, Anda akan dialihkan ke halaman sukses.

Wawasan Terbaru

Gemini_Generated_Image_wfw5uwwfw5uwwfw5
Mengenal Dunia Grafis: Dari Piksel Hingga Vektor, Kekuatan Visual di Era Digital
Gemini_Generated_Image_b6dimfb6dimfb6di
Mengenal Foundation: Kerangka Kerja Front-End Profesional untuk Web Responsif
Gemini_Generated_Image_sx3ztpsx3ztpsx3z
CSS
Mempercantik Website dengan CSS: Seniman di Balik Tampilan Web 🎨
Gemini_Generated_Image_e013qke013qke013
Mengenal HTML: Fondasi dari Setiap Halaman Website 🌐
Gemini_Generated_Image_ldki4nldki4nldki
Menyelami Dunia Coding: Seni Berbicara dengan Komputer
Gemini_Generated_Image_dpvliydpvliydpvl
Menguasai GIT: Fondasi Penting dalam Dunia Pengembangan Perangkat Lunak
Gemini_Generated_Image_sqcib9sqcib9sqci
Tutorial Python #12: Mengenal Jenis-jenis Operator dalam Python
Gemini_Generated_Image_o1bw3do1bw3do1bw
Memahami Tipe Data Dictionary dalam Python
Gemini_Generated_Image_ko4ixfko4ixfko4i
Mengenal Tipe Data Set dalam Python
Gemini_Generated_Image_1xop7m1xop7m1xop
Tuple dalam Python: Pengenalan dan Tutorial

Wawasan Serupa

Gemini_Generated_Image_4mxd334mxd334mxd
Gemini_Generated_Image_ursc84ursc84ursc
ef5c8286-b6c4-4e25-b155-697374d570dc
Gemini_Generated_Image_m1hsycm1hsycm1hs

Ceritakan Detail Proyekmu

Mulai dari 30K aja, solusi IT kamu langsung jalan tanpa drama.

Kata Mereka Tentang Solusi Coding

Dipercaya oleh lebih dari 200++ client untuk menyelesaikan proyeknya dengan total 250++ proyek dari berbagai jenis proyek