Gambar 1. Tampilan form karyawan

Ukuran: px

Mulai penontonan dengan halaman:

Download "Gambar 1. Tampilan form karyawan"

Teguh Darmadi
7 tahun lalu
Tontonan:

1 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 : <?php namespace Models; use Resources; class Validasi extends Resources\Validation{ public function setrules({ return array( 'nama'=>array( 'required', 'min'=>5, 'alamat'=>array( 'required', 1

2 ?> 'gaji'=>array( 'required', 'numeric' ; 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 : <?php namespace Controllers; use Resources, Models; class Karyawan extends Resources\Controller{ public function construct({ parent:: construct(; $this->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', 2

3 FILTER_SANITIZE_MAGIC_QUOTES; $data['judul'] = 'Berhasill!!!'; $data['nama'] = $nama; $data['alamat'] = $alamat; $data['gaji'] = $gaji; //end of class?> $this->output('sukses', $data; 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 : <!DOCTYPE HTML> <html> <head> <title><?php echo $judul;?></title> <link rel="stylesheet" type="text/css" href="<?php echo $this->uri- >baseuri;?>/assets/css/bootstrap.min.css"> </head> <body> <div class="container"> <div class="col-md-12"> <form class="form-horizontal" action="<?php echo $this->uri- >baseuri;?>index.php/karyawan/proses" method="post"> <fieldset> <legend><?php echo $judul;?></legend> <?php echo $valid->errormessages(false,'<div class="alert alert-danger">', '';?> <label for="inputnama" class="col-lg-2 control-label">nama Karyawan</label> <div class="col-lg-8"> <input type="text" class="form-control" id="inputnama" name="nama" placeholder="masukkan Nama" autofocus autocomplete="off" value="<?php echo $valid->value('nama';?>"> <label for="alamat" class="col-lg-2 control-label">alamat Lengkap</label> <div class="col-lg-10"> <textarea class="form-control" rows="3" id="alamat" name="alamat" placeholder="masukkan Alamat"><?php echo $valid- >value('alamat';?></textarea> 3

<label for="gapok" class="col-lg-2 control-label">gaji Pokok</label> <div class="col-lg-5"> <input type="text" class="form-control" id="gapok" name="gaji" placeholder="masukkan Gaji" value="<?

4 <label for="gapok" class="col-lg-2 control-label">gaji Pokok</label> <div class="col-lg-5"> <input type="text" class="form-control" id="gapok" name="gaji" placeholder="masukkan Gaji" value="<?php echo $valid->value('gaji';?>"> <div class="col-lg-10 col-lg-offset-2"> <button type="submit" class="btn btn-success">simpan Data</button> <button type="reset" class="btn btn-primary">ulangi</button> </fieldset> </form> </body> </html> Oke perhatikan pada <?php echo $valid->errormessages(false,'<div 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="<?php echo $valid->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 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

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!

5 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. ^_^ 5

dokumen-dokumen yang mirip

2014 TUTORIAL PANADA FRAMEWORK BY DIMAS EDU

2014 TUTORIAL PANADA FRAMEWORK BY DIMAS EDU Tutorial Panada Framework Chapter 3 : Bekerja dengan Form SamidCorner(Tegal) Pembaca yang budiman. Masih dirangkain tutorial berseri Panada Framework, dan pada kesempatan kali ini saya akan membahas mengenai