Menampilkan Pesan Kesalahan Pada Form

by affanul · April 29, 2018

Di dalam pemprosesan form dengan php ada beberapa teknik didalam menampilkan pesan kesalahan pada saat pengisian form apabila tidak sesuai dengan parameter yang kita buat.

Misalnya disini kita akan belajar mempelajari bagaimana cara menampilkan pesan kesalahan apabila salah satu elemen yang akan kita input, disini kita pelajari dua elemen yakni pada form dengan nama dan email.

Apabila kita menginput nama dan tidak mengisi email maka akan muncul pesan kesalahan email harus diisi, begitupula sebaliknya.

Pertama buatlah file untuk halaman index.php dan kedua buat file halaman proses.php

index.php

<?php
// ambil pesan jika ada
  if (isset($_GET["pesan"])){
  $pesan = "<p> {$_GET["pesan"]} <p>";
  }
else {
  $pesan = "";
  }
// ambil nilai nama jika ada
if (isset($_GET["nama"])){
  $nilai_nama = $_GET["nama"];
  }
else {
  $nilai_nama = "";
  }
// ambil nilai email jika ada
if (isset($_GET["email"])){
  $nilai_email = $_GET["email"];
  }
else {
  $nilai_email = "";
  }
?>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Menampilkan Pesan Kesalahan</title>
</head>
<body>
  <h1>Form Nama & Email</h1>
  <?php echo $pesan ?>
  <form action="proses.php" method="post">
  <p>Nama: <input type="text" name="nama" value="<?php echo $nilai_nama ?>"> </p>
  <p>Email: <input type="text" name="email" value="<?php echo $nilai_email ?>"></p>
  <p><label><input type="checkbox" name="belajar" value="php">
  Belajar PHP</p></label>
  <input type="submit" value="Proses Data" name="submit">
</form>
</body>
</html>

Pada halaman index.php kita beri variabel untuk menampilkan pesan kesalahan, dimana apabila ada pesan kesalahan maka akan ditampilkan diatas halaman pesan dengan variabel $pesan dengan isi pesan (nama harus diisi) atau apabla email masih kosong maka akan muncul pesan (email harus diisi)

Tampilan index.php awal form yang kita buat

Apabila email tidak diisi maka akan menampilkan pesan kesalahan (Email harus diisi)

Apabila nama tidak diinput maka akan menampilkan pesan kesalahan (Nama harus diisi).

proses.php

<?php
  if (!isset($_POST["submit"])) {
  header("Location: index.php");
}
// ambil nilai form
  $nama=trim($_POST["nama"]);
  $email=trim($_POST["email"]);

// siapkan nilai untuk dikirim kembali
  $query_nama = "nama=".urlencode($nama);
  $query_email = "email=".urlencode($email);
  $isi_form = "&$query_nama&$query_email";

// cek apakah "nama" sudah diisi atau tidak
if (empty($nama)) {
  $pesan = urlencode("Nama harus diisi");
  header("Location: index.php?pesan={$pesan}{$isi_form}");
  die();
}
// cek apakah "email" sudah diisi atau tidak
  if (empty($email)) {
  $pesan = urlencode("Email harus diisi");
  header("Location: index.php?pesan={$pesan}{$isi_form}");
die();
}
?>

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Menampilkan Pesan Kesalahan</title>
</head>
<body>
<h1>Halaman Proses</h1>
<?php
  echo "Nama: $nama <br>";
  echo "Email: $email <br>";
  if (isset($_POST["belajar"])) {
  echo "Belajar: ".$_POST["belajar"]."<br>";
  }
?>
</body>
</html>

Selanjutnya pada halaman proses.php akan menampilkan hasil setelah kita klik tombol submit pada form index.php dimana apabila elemen form yang kita input telah sukses diinput semua maka akan menampilkan isi dari Nama, Email, dan chekbox Belajar PHP.

Kemudian apabila semua form telah diisi dengan benar maka akan menampilkan halaman proses.php