Membuat Required Form dengan PHP

Membuat Required Form dengan PHP

Ditulis oleh : M Toyib Hidayat

Dalam artikel sebelumnya ditulis tentang cara validasi form. Namun belum ada penanganan jika salah satu atau beberapa atau bahkan semua field pada form dalam keadaan kosong, script akan tetap dijalankan. Sepintas terlihat tidak terlalu bermasalah karena contoh script hanya menampilkan saja, jadi seolah-olah tampilannya sama, tetap kosong.

Namun ini akan menjadi masalah jika nantinya input data dari form akan di simpan dalam tabel sebuah database. Tentunya akan menyimpan record dengan data kosong yang menjadikan data tersebut tidak valid. Sebagai contoh jika kita menyimpan data komentar saja tanpa nama atau tanpa alamat email dan tanpa jenis kelamin, maka data tersebut menjadi tidak berguna.

Untuk itu kita harus membuat tanda bahwa sebuah field harus diisi dan membuat penanganan errornya jika field tidak diisi. Dalam hal ini kita memerlukan sistem required form, yaitu sistem yang membuat user harus mengisi sebuah elemen form dan menampilkan error jika elemen tersebut tidak diisi. Dan selanjutnya script untuk menyimpan data dari form tidak dijalankan

Berikut ini beberapa langkah membuat required form dengan PHP :

1. Tentukan elemen/field mana yang harus diisi dan dan elemen/field mana yang boleh tidak diisi.
2. Beri tanda untuk elemen/field yang harus diisi, misal dengan tanda bintang (*) lalu diberi note kalau tanda bintang (*) maksudnya harus diisi.
3. Buat variabel untuk menangani error, misal untuk menampilkan pesan error.
4. Buat penyeleksian kondisi yang mengecek elemen/field pada form diisi atau tidak.
5. Tampilkan variabel tersebut disamping elemen form yang belum diisi jika tombol submit ditekan.
6. Buat validasi inputan data form seperti nama harus mengandung huruf dan spasi saja tidak boleh angka, email harus mengandung karakter @ dan dot(.) lalu website harus berisi URL yang valid, misal httl://website.com

Contoh membuat sistem required form dengan PHP:

view plainprint?

1. <?php     
2.  // membuat variabel error dan diset kosong     
3.  $namaErr = $emailErr = $jkErr = $websiteErr = "";     
4.  //membuat variabel untuk menampung inputan dari form     
5.  $nama = $email = $jk = $komentar = $website = "";     
6.  if ($_SERVER["REQUEST_METHOD"] == "POST") {     
7.  if (emptyempty($_POST["nama"])) {     
8.   $namaErr = "Nama harus diisi !";     
9.  } else {     
10.   $nama = test_input($_POST["nama"]);     
11.  }     
12.  if (emptyempty($_POST["email"])) {     
13.   $emailErr = "Email harus diisi !";     
14.  } else {     
15.   $email = test_input($_POST["email"]);     
16.  }     
17.  if (emptyempty($_POST["website"])) {     
18.   $websiteErr = "Website harus diisi !";     
19.  } else {     
20.   $website = test_input($_POST["website"]);     
21.  }     
22.  if (emptyempty($_POST["komentar"])) {     
23.   $komentar = "";     
24.  } else {     
25.   $komentar = test_input($_POST["komentar"]);     
26.  }     
27.  if (emptyempty($_POST["jk"])) {     
28.   $jkErr = "Jenis kelamin belum dipilih !";     
29.  } else {     
30.   $jk = test_input($_POST["jk"]);     
31.  }     
32.  }    
33.  //membuat fungsi untuk validasi input form    
34.  function test_input($data) {     
35.   $data = trim($data);     
36.   $data = stripslashes($data);     
37.   $data = htmlspecialchars($data);     
38.   return $data;     
39.  }      
40.  ?>     
41.  <form method="post" action="<?php echo htmlspecialchars($_SERVER["PHP_SELF"]);?>">     
42.  nama: <input type="text" name="nama">     
43.  <span class="error">* <?php echo $namaErr;?></span>     
44.  <br><br>     
45.  E-mail:     
46.  <input type="text" name="email">     
47.  <span class="error">* <?php echo $emailErr;?></span>     
48.  <br><br>     
49.  Website:     
50.  <input type="text" name="website">     
51.  <span class="error"><?php echo $websiteErr;?></span>     
52.  <br><br>     
53.  <label>komentar: <textarea name="komentar" rows="5" cols="40"></textarea>     
54.  <br><br>     
55.  Jenis Kelamin:     
56.  <input type="radio" name="jk" value="perempuan">Perempuan     
57.  <input type="radio" name="jk" value="laki-laki">Laki-laki     
58.  <span class="error">* <?php echo $jkErr;?></span>     
59.  <br><br>     
60.  <input type="submit" name="submit" value="Submit">      
61.  </form>     
62.  <?    
63.  //menampilkan hasil dari inputan form    
64.  echo "<h2>Input yang anda masukkan:</h2>";    
65.  echo $nama;     
66.  echo "<br>";     
67.  echo $email;     
68.  echo "<br>";     
69.  echo $website;     
70.  echo "<br>";     
71.  echo $komentar;     
72.  echo "<br>";     
73.  echo $jk;     
74.  ?>     

Penjelasan Script :

Pada contoh diatas menggunakan script yang sama seperti pada tulisan sebelumnya. Field yang ditentukan harus diisi (tidak boleh kosong) adalah Nama, Email, Website dan Jenis Kelamin. Untuk menandai beberapa elemen form tersebut ditambahkan tanda bintang (*) dibelakangnya kemudian diikuti dengan tampilan error jika tidak diisi.

Saat tombol submit ditekan, data yang dipos-kan oleh form dicek lebih dahulu dengan perintah IF(empty(variabel)). Jika kosong akan ditulis pesan error pada variabel error dan jika sudah diisi akan dilanjut dengan pengambilan data. Pada proses ini tetap digunakan fungsi test_input() untuk validasi form.

Untuk validasi khusus pada masing-masing data tiap elemen form insyaAllah akan ditulis pada artikel selanjutnya.

Referensi :

• http://www.w3schools.com/php/php_form_required.asp