Tutorial Codeigniter 4 – Part 7 – Penanganan Form dan Form Validasi di Codeigniter 4

Selamat datang di tutorial warung belajar, melanjutkan pembahasan dari seri tutorial belajar codeigniter 4, dalam tutorial kali ini kita akan belajar bagaimana cara untuk penanganan form & form validasi codeigniter 4.

Penanganan form disini maksudnya adalah bagaimana cara codeigniter 4 ini dapat menangkap inputan dari sebuah form dan memprosesnya dibagian controller.

baiklah kita akan mulai saja..


 

Tutorial Codeigniter 4 – Part 7 – Penanganan Form Dan Form Validasi Di Codeigniter 4

Buat Teman – teman yang biasanya belajar dengan cara melihat video tutorial, kita sudah buat tutorial versi videonya juga, kita menyertakan video youtube yang membahas terkait penanganan form dan form validasi di Codeigniter 4


 

 

Install Codeigniter 4 sebagai bahan belajar

Untuk bahan belajar kita perlu menginstall Codeigniter 4, untuk caranya bisa dilihat di tutorial kita sebelumnya yang membahas mengenai cara menginstall Codeigniter 4 : Cara Menginstall Codeigniter 4

Dalam contoh ini saya menginstallnya di direktori C:/xampp/htdocs/ci4app


 

Buat Sebuah Controller Siswa

Berikutnya silahkan buat controller dengan nama Siswa.php dan simpan didalam folder app/Controllers, untuk isi controller Siswa.php adalah sebagai berikut ini :

Keterangan :

  • kita membuat controller dengan nama Siswa dimana controller ini memiliki method index.
  • jika method index ini diakses maka akan mengakses file view dengan nama formSiswa.php
  • berikutnya ada method save yang nantinya akan kita isi dengan perintah untuk menangkap inputan form

 

 

 

Membuat File View dengan nama formSiswa.php

Berikutnya kita akan membuat file view dengan nama formSiswa.php, file view ini akan berisi form, kita juga gunakan bootstrap untuk mengatur tampilannya, .. teman – teman bisa copy paste saja dengan code dibawah ini :

Keterangan :

Bagian tampilan form ini kita menggunakan bootstrap, dan untuk library js dan css kita langsung mengaksesnya secara online, jadi kita sarankan untuk terkoneksi internet saat mengakses tampilan form.

 

Pada line 32 kita mengisi beberapa attribute di tag <form>, seperti bagian

yang artinya ketika tombol save di klik maka entrian form akan di proses didalam method save pada controller Siswa

Pada Line 33 kita menuliskan perintah :

perintah diatas digunakan untuk memberikan token CSRF (Cross-Site Request Forgery) dibagian form, kami sarankan teman – teman menggunakan perlindungan CSRF ini.

Berikutnya kita buat beberapa inputan pada bagian form, seperti halnya kita membuat form di HTML, kita perlu memberikan value pada attribute name di masing – masing inputan form. (Line 36 name=”nama”), (Line 40 name=”email”), (Line 45 name=”password”), (Line 50 name=”alamat”)

Tombol submit kita buat di line 52

 

Untuk mengakses tampilan form teman – teman bisa mengaktifkan local development server terlebih dahulu dengan perintah “php spark serve” lalu bisa mengakses url :

Tampilannya adalah sebagai berikut :


 

 

 

Mengakses Inputan Form di Controller

Sebelumnya kita sudah membuat tampilan form, berikutnya kita akan belajar menuliskan perintah yang digunakan untuk mengakses inputan dibagian form.

Seperti yang telah kita tuliskan dibagian attribute action pada tag form, ketika tombol submit di form di klik, maka inputan form akan diproses dibagian method save di controller Siswa, perhatikan method save di controller Siswa kita menuliskan perintah sebagai berikut :

Keterangan :

Untuk mengakses seluruh inputan form kita bisa menggunakan perintah

perintah diatas berlaku untuk inputan dengan tipe method post ataupun get, jika anda ingin mengakses inputan form bagian tertentu, bisa menuliskan value name dibagian input di method getVar, semisal dari form diatas kita ingin mengakses inputan email, maka bisa menggunakan perintah :

Berikutnya kita menggunakan perintah print_r kita gunakan untuk menampilkan hasil inputan form.

 

baik kita akan coba lakukan percobaan untuk entry form, silahkan akses form dengan alamat : localhost:8080/siswa, dan isikan bagian formnya lalu klik tombol save untuk submit form.

 

Ketika kita klik tombol save, maka akan mengakses method save di controller siswa, dan akan menampilkan seperti gambar dibawah.

terlihat kita sudah berhasil menangkap inputan berdasarkan name dari inputan form.

 

Semisal kita akan menangkap salah satu dari inputan saja, semisal kita ingin menangkap inputan email saja, kita bisa merubah method save menjadi berikut ini :

Maka saat kita entry bagian form lalu klik tombol save, hasilnya adalah sebagai berikut :

Hasilnya hanya akan menampilkan inputan dengan name email saja.


 

 

MEMBUAT VALIDASI FORM

Berikutnya kita akan belajar untuk membuat validasi form di codeigniter 4, validasi form ini sangat penting sekali untuk mengatur inputan form yang dilakukan oleh pengguna aplikasi, sehingga ketika inputan form akan di insert ke database sesuai dengan struktur tabel di database.

Untuk membuat validasi form, kita akan merubah method save di controller Siswa, sehingga method save menjadi seperti berikut ini :

Keterangan :

Line 3 kita gunakan perintah IF dimana melakukan pengecekan dari penggunaan method $this->validate.

method validate, pada method validate kita isi parameternya dengan array multidimensi, dimana bisa anda isi dengan rules (aturan) dan message error (pesan error)

Misal jika kita lihat lagi :

artinya inputan nama, rulesnya ‘required’ (harus diisi), dan jika tidak diisi akan menampilkan pesan error “nama Harus diisi”, {field} ini akan bernilai nama inputannya.

 

artinya inputan email, rulesnya ‘required’ (harus diisi), dan jika tidak diisi akan menampilkan pesan error “email Harus diisi”, selain itu terdapat rules valid_email artinya inputan harus menggunakan format email yang valid, jika tidak diisi maka akan menampilkan pesan error “Format Email Harus Valid”

 

Jika terdapat rules yang bernilai false (inputan form tidak sesuai aturan) maka akan menjalankan perintah di line 42 – 43.

Line 42 kita kirimkan error dengan menggunakan session flashdata, flashdata adalah istilah pengiriman data lewat session, tapi hanya satu kali pakai, biasanya digunakan untuk mengirimkan pesan / alert.

dalam contoh ini kita gunakan untuk mengirimkan pesan error dari form validation, setFlashdata memiliki 2 parameter yaitu :

  • nama flashdata
  • value flashdata
pada contoh diatas kita membuat flashdata dengan nama error yang berisi list error dari form validation

 

Line 43 kita tuliskan perintah :

Perintah diatas berfungsi untuk redirect ke halaman sebelumnya (form input), yang artinya adalah halaman formSiswa, dengan menyertakan inputan yang sudah dientrikan sebelumnya (withInput)

Line 45 akan dijalankan jika inputan form sudah sesuai rules.. kita tuliskan aja sebagai contoh menggunakan perintah dd untuk menampilkan isi entrian form.


 

Testing Form Validation

Setelah kita setting bagian form validation pada method save di controller Siswa, berikutnya kita akan coba lakukan testing, kita coba akses dulu untuk formnya :

Maka tampilannya adalah seperti berikut ini :

Keterangan :

semisal kita isi bagian form untuk nama dan email, tapi bagian password dan alamat kita kosongkan, lalu kita tekan tombol Save

 

Maka hasilnya adalah sebagai berikut :

Keterangan :

Maka akan menampilkan List Error pada form validation, ada kotak berwarna merah diatas form, tertulis :

  • password Harus diisi
  • alamat Harus diisi

bagaimana ini bisa terjadi, penjelasannya adalah sebagai berikut :

seperti yang telah dibahas dibagian method save, jika ada kesalahan pada form validation maka akan menjalakan perintah :

jadi ketika redirect kembali ke bagian form entry, ada sebuah flashdata dengan nama error yang berisi error dari form validation.

nah sekarang perhatikan dibagian file view  formSiswa.php pada line 22 hingga line 31

Keterangan :

  • perhatikan perintah diatas
  • pada line 1 ini kita lakukan pengecekan apakah ada session flashdata dengan nama error, jika ada maka akan menampilkan pesan error.
  • pesan error ada pada line 5 kita mengambil data dari flashdata dengan nama error, sehingga menampilkan pesan error dari form validation

 

Hasil Akhir

Berikutnya saya sertakan code hasilnya mungkin teman – teman biar mudah mengikutinya :

File Controller Siswa.php

 

 

File view formSiswa.php


 

Baik sekian dulu tutorial kali ini, kita sudah belajar bagaimana cara menangani inputan form, serta membuat form validasi di codeigniter 4, jika ada yang ingin didiskusikan silahkan di kolom komentar, terima kasih sampai jumpa di tutorial selanjutnya.

 

2 thoughts on “Tutorial Codeigniter 4 – Part 7 – Penanganan Form dan Form Validasi di Codeigniter 4

  • December 8, 2020 at 7:10 pm
    Permalink

    mohon bantuannya..kenapa error keluar bahasa inggris yah???

    Reply
    • December 15, 2020 at 7:02 am
      Permalink

      dibagian controller bisa kita custom keterangan errornya, coba sesuaikan dengan source code yang kita sediakan

      Reply

Leave a Reply

Your email address will not be published. Required fields are marked *