Validasi Form Menggunakan PHP

17/01/2019    Shelli Ripati    1299     Website

Validasi form adalah suatu informasi atau pemberitahuan yang digunakan oleh form. Dimana informasi yang keluar dari form berupa pesan error atau pesan sukses. Validasi yang sering kita jumpai saat melakukan input data atau registrasi data biasanya adalah validasi bahwa input tidak boleh kosong. Dan kali ini akan saya buat Validasi Form Menggunakan PHP.

Langkah pertama dalam membuat Validasi Form Menggunakan PHP yaitu membuat struktur htmlnya. Dan untuk struktur html disini saya membuat dengan menggunakan bantuan dari bootstrap 4 seperti di bawah ini.

<!doctype html>

<html lang="en">

  <head>

    <!-- Required meta tags -->

    <meta charset="utf-8">

    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

 

    <!-- Bootstrap CSS -->

    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous">

 

    <title>Validasi Form Menggunakan PHP</title>

  </head>

  <body>

    <div class="container">

      <div class="row">

        <div class="col-md-7">

          <h1>Validasi Form Menggunakan PHP</h1>

          <form method="POST">

            <div class="form-group">

              <label>Judul</label>

              <input type="text" class="form-control" placeholder="Title" name="judul">

            </div>

            <div class="form-group">

              <label>Isi</label>

              <textarea class="form-control" placeholder="Description" name="isi"></textarea>

            </div>

            <div class="form-group">

              <label>Tanggal</label>

              <input type="date" class="form-control" name="tgl">

            </div>

            <button type="submit" class="btn btn-primary" name="submit">Submit</button>

          </form>

        </div>

      </div>

    </div>

    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>

    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>

  </body>

</html>

Jika sudah kita akan lanjut untuk membuat script phpnya seperti berikut ini.

<?php

if(isset($_POST["submit"])){

  $title = $_POST["judul"];

  $desc = $_POST["isi"];

  $date = $_POST["tgl"];

 

  if(empty($title) || empty($desc) || empty($date)){

    header("location:validasi.php?error");

  }else{

    header("location:validasi.php?success");

  }

 

}

 

?>

 

Script di atas saya membuat kondisi ketika tombol dengan nama submit di tekan maka saya akan menampung isi semua input dengan membuat variable baru. Dan kondisi selanjutnya saya membuat pengecekan jika nilai $titile kosong atau nilai $desc kosong atau nilai $date kosong maka direct ke halaman validasi.php dengan parameter error dan jika tidak terpenuhi semua kondisi di atas maka akan direct ke halaman validasi.php dengan parameter success.

Nah parameter ini akan saya buat untuk menampilkan sebuah alert yang saya bikin dengan menggunakan bootstrap 4 seperti berikut. Dan alert ini akan saya tampilkan dengan menggunakan methode $_GET.

<?php if(isset($_GET["error"])) { ?>

            <div class="alert alert-danger" role="alert">

              Data Tidak Boleh Kosong !

              <button type="button" class="close" data-dismiss="alert" aria-label="Close">

                <span aria-hidden="true">&times;</span>

              </button>

            </div>

            <?php } ?>

            <?php if(isset($_GET["success"])) { ?>

            <div class="alert alert-success" role="alert">

              Data Berhasil Disimpan !

              <button type="button" class="close" data-dismiss="alert" aria-label="Close">

                <span aria-hidden="true">&times;</span>

              </button>

            </div>

            <?php } ?>

Jika sudah selesai maka akan muncul seperti pada gambar di bawah ini.

Demikian artikel tentang Validasi Form Menggunakan PHP. Semoga dapat bermanfaat dan selamat mencoba.

No data.

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More