Validasi Form Menggunakan PHP

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.

17 Januari 2019

Webinar Gratis 2024


Selanjutnya Pada Bulan Maret 2024

Sabtu, 09 Maret 2024


10 Bahasa Rekomendasi Untuk Dipelajari di 2024

Python Developer, Data Science, Web Application

Kursus Python Django Web Application 2024 di DUMET School Mini Bootcamp Backend Laravel 11 Bulan Mei 2024 di DUMET School
Webinar Selanjutnya Mei 2024

Minggu, 26 Mei 2024, 09.00-13.00 WIB

(4 Jam Membuat Backend di Laravel 11)

chat