1 Tutorial Panada Framework Chapter 4 : Validasi Form SamidCorner(Tegal Pembaca yang budiman. Masih bersama tutorial berseri dari Panada Framework, se...
Tutorial Panada Framework Chapter 4 : Validasi Form SamidCorner(Tegal) – Pembaca yang budiman. Masih bersama tutorial berseri dari Panada Framework, setelah pada chapter yang ketiga mengenai penggunaan form dan memproses form kali ini kita akan melakukan validasi data(bagi yang belum menyimak chapter yang ketiga silahkan simak dahulu). Dimana fungsi utama dari validasi data adalah bagaimana kita akan mem-filter request dari form baik untuk data yang kosong maupun jenis data yang akan diinputkan ke dalam database. Jadi, ketika ada user yang mengakses form kita tidak dapat sembarangan memasukkan data. Okelah daripada terlalu lama mari kita simak sajian berikut ini Membuat Validasi Form Sebelumnya kita sudah membuat form kurang lebih seperti ini :
Gambar 1. Tampilan form karyawan
Nah kemudian selanjutnya buat file baru misal kita kasih nama validasi.php dan simpan di app/Models. Ketikan kode berikut :
Kode diatas adalah bentuk validasi form yang menjadi gaya dari panadaframework. Bisa terlihat dimana kita melakukan validasi untuk : a. Field nama tidak boleh kosong ditandai dengan required, dan panjang karakter tidak boleh kurang dari 5 karakter. b. Field alamat tidak boleh kosong ditandai dengan required. c. Field gaji tidak boleh kosong dan hanya inputan berupa numeric. Selanjutnya kita akan menjalankan validasi dengan memanggil models pada controller. Berikut adalah kodenya : input = new Resources\Request; $this->validasi = new Models\Validasi; } public function index(){ //$validasi = new Models\Validasi; $data['judul'] = 'Input Data Karyawan'; $data['valid'] = $this->validasi; $this->output('form_karyawan', $data); } public function proses(){ if($_SERVER['REQUEST_METHOD'] == 'POST'){ if($this->validasi->validate() == FALSE){ $data['judul'] = 'Input Data Karyawan'; $data['valid'] = $this->validasi; $this->output('form_karyawan', $data); }else{ $nama = $this->input->POST('nama', FILTER_SANITIZE_MAGIC_QUOTES); $alamat = $this->input->POST('alamat', FILTER_SANITIZE_MAGIC_QUOTES); $gaji = $this->input->POST('gaji',
Perhatikan kode diatas kita memanggil validasi dengan menuliskan pada constructor $this->validasi = new Models\Validasi; Kemudian untuk mengecek request dari user, kita gunakan $this->validate() dimana ini akan memberikan nilai berupa BOOLEAN (TRUE/FALSE). Untuk lebih jelasnya anda bisa lihat pada dokumentasi yang menurut saya sangat lengkap mengenai validasi ini Dan terakhir kita akan mengimplementasikan validasi pada file view, ketikkan kode berikut :
Oke perhatikan pada
echo
$valid->errorMessages(false,'
class="alert
alert-danger">', '
');?> baris kode tersebut memiliki fungsi untuk menampilkan Pesan error ketika request data tidak sesuai dengan rules yang sudah kita buat. Sedangkan value="value('gaji');?>" kode tersebut berfungsi untuk menampilkan value dari form yang
sudah kita buat. Maksudnya gini, ketika kita inputkan nilai pada sebuah form dan kemudian ada request yang gagal lolos dari validasi maka nilai yang sudah kita masukkan tidak terhapus / hilang. Testing Validasi Nah, setelah selesai membuat validasi yang kita inginkan sekarang saatnya mencoba apakah sudah sesuai dengan rules yang sudah dibuat. Buka melalui browser dan ketikkan http://localhost/project/app/index.php/karyawan. Jika validasi gagal maka akan muncul penampakkan berikut :
Gambar 2. Hasil validasi request data
Gambah diatas menunjukkan pesan error ketika nilai tidak dimasukkan ke dalam form yang ada. Dan perhatikkan gambar berikut ini :
4
2014
TUTORIAL PANADA FRAMEWORK BY DIMAS EDU
Gambar 3. Request yang kembali gagal oleh validasi.
Kembali ada request data yang gagal lolos dari validasi yang sudah kita tentukkan. Kenapa? Coba kembali perhatikan pada models validasi.php! Pada kode disamping kita bisa lihat ada rules yang mengharuskan minimal inputan pada form nama minimal adalah 5 karakter. Dan pada gaji inputan harus berupa numeric yang artinya harus berupa angka bukan huruf ataupun kombinasi keduanya
Nah, jika validasi berhasil maka akan muncul penampkkan berikut :
Gambar 4. Penampakkan Validasi yang sukses
Demikian, tutorial mengenai form validation pada PanadaFramework. Semoga bermanfaat. ^_^