Cara Membuat Form Validasi dengan PHP

Dalam postingan sebelumnya kita sudah membahas tentang "Cara Membuat Form Input Sederhana" dan Juga "Cara Membuat Form Upload Foto menggunakan PHP " . Nah, Dalam kesempatan kali ini kita akan mempelajari bagaimana cara membuat  form validasi  menggunakan PHP.

Ada dua tipe validasi form, validasi client side dan server side. Validasi client side bisa dilakukan menggunakan javascript. Validasi client side sangatlah tidak dianjurkan. Seseorang pengguna bisa saja mematikan javascript dan validasi client side tidak akan berjalan. Karena javascript tidak akan dieksekusi jika javascript dimatikan. Disinilah validasi server side diperlukan. Validasi server side akan tetap berkerja, tidak peduli apapun. Validasi server side bisa dilakukan menggunakan PHP, Perl, ASP, JSP dan bahasa scripting lainnya.

Form validasi yang akan kita buat adalah seperti gambar di bawah ini :

Pada form diatas pesan error akan muncul apabila user tidak mengisi field yang ada pada form tersebut.

Untuk membuatnnya silahkan copypaste saja script dibawah ini, lalu simpan dengan nama validasi.php

1. <?php
2.     if($_POST){
3.         $nama = $_POST['nama'];
4.         $email = $_POST['email'];
5.         $alamat = $_POST['alamat'];
6.         $kota = $_POST['kota'];
7.         $kodePos = $_POST['kode_pos'];
8.         $error = array();
9.         if(empty($nama)){
10.           $error['nama'] = 'Nama tidak boleh kosong';
11.         }
12.         if(empty($email)){
13.           $error['email'] = 'Email tidak boleh kosong';
14.         }
15.         if(empty($alamat)){
16.           $error['alamat'] = 'Alamat tidak boleh kosong';
17.         }
18.         if(empty($kota)){
19.           $error['kota'] = 'Kota tidak boleh kosong';
20.         }
21.         if(empty($kodePos)){
22.           $error['kode_pos'] = 'Kode pos tidak boleh kosong';
23.         }
24.         if(empty($error)){
25.             //prosess data
26.         }
27.     }
28. ?>
29. <form name="form-name" method="post" action="">
30.     <dl>
31.       <dt>Nama:</dt>
32.       <dd>
33.         <input name="nama" id="nama" type="text" value="<?php echo isset($_POST['nama']) ? $_POST['nama'] : '';?>" />
34.         <div style="color:red"><?php echo isset($error['nama']) ? $error['nama'] : '';?></div>
35.       </dd>
36.       <dt>Email:</dt>
37.       <dd>
38.         <input name="email" id="email" type="text" value="<?php echo isset($_POST['email']) ? $_POST['email'] : '';?>" />
39.         <div style="color:red"><?php echo isset($error['email']) ? $error['email'] : '';?></div>
40.       </dd>
41.       <dt>Alamat:</dt>
42.       <dd>
43.         <input name="alamat" id="alamat" type="text" value="<?php echo isset($_POST['alamat']) ? $_POST['alamat'] : '';?>" />
44.         <div style="color:red"><?php echo isset($error['alamat']) ? $error['alamat'] : '';?></div>
45.       </dd>
46.       <dt>Kota:</dt>
47.       <dd>
48.         <input name="kota" id="kota" type="text" value="<?php echo isset($_POST['kota']) ? $_POST['kota'] : '';?>" />
49.         <div style="color:red"><?php echo isset($error['kota']) ? $error['kota'] : '';?></div>
50.       </dd>
51.       <dt>Kode POS:</dt>
52.       <dd>
53.         <input name="kode_pos" id="kode_pos" type="text" value="<?php echo isset($_POST['kode_pos']) ? $_POST['kode_pos'] : '';?>" />
54.         <div style="color:red"><?php echo isset($error['kode_pos']) ? $error['kode_pos'] : '';?></div>
55.       </dd>
56.       <dt></dt>
57.       <dd>
58.         <input name="submit" id="submit" type="Submit" value="Submit" />
59.       </dd>
60.     </dl>
61. </form>

Pembuatan form validasi selesai, kita akan lanjutkan dengan pembuatan script validasi pada email dipostingan selanjutnya.  Selamat memahami :-bd