Simple Validation CRUD PDO, OOP, Mysql dan Bootstrap 4

Validasi merupakan sebuah proses filter yang dapat mencegah suatu kondisi data tidak memiliki nilai atau kosong sebelum di entri pada database.  Dengan menggunakan validasi tentunya akan membatasi setiap data yang tidak bernilai selain itu validasi juga dapat digunakan untuk system autentikasi login untuk mencegah hal – hal yang tidak diinginkan tentunya. Dalam tutorial sebelumnya mengenai simple crud PDO, OOP, Mysql dan Bootstrap 4 kita menggunakan fungsi required dimana fitur ini didapatkan dari frame work dan html 5 yang sudah dapat terbaca pada browser – browser yang sudah mendukung, akan tetapi jika digunakan pada browser yang tidak mendukung tentunya setiap script tidak akan berjalan sempurna.

Dengan menggunakan system validasi menggunakan php tentunya filter form akan terjadi di server sebelum data dapat di entri atau valid, jika ada kesalahan server akan memberikan pesan kesalahan dari form yang di inputkan. Baiklah kita ingat kembali mengenai crud dan jika anda sudah membuatnya anda hanya perlu menambahkan sedikit fungsi – fungsi untuk melakukan validasi tersebut. Jika anda belum memilikinya anda dapat membuatnya dengan mengikuti langkah – langkah simple crud PDO, OOP, Mysql dan Bootstrap 4. Berikut adalah struktur file dan folder yang digunakan pada tutorial kali ini.

Struktur file dan folder
/ buku -- +
-- + Class_Buku.php
-- + db_connection.php
-- + footer.php
-- + form_create_buku.php
-- + form_delete_buku.php
-- + form_edit_buku.php
-- + header.php
-- + index.php

Perhatikan struktur file dan folder tersebut yang akan di edit atau diberikan tambahan fungsi untuk validasi yaitu pada form_create_buku.php dan form_edit_buku.php berikut ini adalah kode tambahan yang akan digunakan pada form create_buku.php dan form_edit_buku.php.

<?php
if (isset($error)) {
    ?>
    <div class="alert alert-danger">
        <span class="fa fa-info-sign"></span> <strong><?php echo $error; ?></strong>
    </div>
    <?php
}
?>

Fungsi kode diatas akan digunakan untuk menampilkan setiap response dari server terhadap pesan kesalahan apa yang akan diberikan. Response server akan ditampilkan melalui kode $error. Selanjutnya adalah kode yang akan digunakan untuk melakukan validasi pada formnya.

if (empty($kode_buku)) {
        $error = "Kode Buku masih kosong ...";
    } elseif (empty($judul_buku)) {
        $error = "Judul Buku masih kosong ...";
    } elseif (empty($pengarang_buku)) {
        $error = "Pengarang Buku masih kosong ...";
    } elseif (empty($penerbit_buku)) {
        $error = "Penerbit Buku masih kosong ...";
    }

Pada bait kode diatas empty akan digunakan sebagai parameter untuk memfilter data yang dikirimkan dari form saat menambah atau mengedit data, kemudian pada variable $error tersebut merupakan pesan kesalahan yang diberikan oleh server jika kondisi variable data tersebut kosong. Untuk lebih jelasnya anda dapat melihat pada halaman form_create_buku.php dan form_edit_buku.php berikut.  

form_create_buku.php
 

<!--
/* 
* To change this license header, choose License Headers in Project Properties.
* To change this template file, choose Tools | Templates
* and open the template in the editor.
*/
-->
<?php
require_once 'header.php';
require_once 'Class_Buku.php';
$buku = new Buku();
if (isset($_POST['form-submitted'])) {
    $kode_buku = $_POST['kode_buku'];
    $judul_buku = $_POST['judul_buku'];
    $pengarang_buku = $_POST['pengarang_buku'];
    $penerbit_buku = $_POST['penerbit_buku'];
    if (empty($kode_buku)) {
        $error = "Kode Buku masih kosong ...";
    } elseif (empty($judul_buku)) {
        $error = "Judul Buku masih kosong ...";
    } elseif (empty($pengarang_buku)) {
        $error = "Pengarang Buku masih kosong ...";
    } elseif (empty($penerbit_buku)) {
        $error = "Penerbit Buku masih kosong ...";
    } else {
        $buku->_create_Buku($kode_buku, $judul_buku, $pengarang_buku, $penerbit_buku);
        ?>
        <script>
            alert('Data berhasil disimpan ...');
            window.location.href = 'index.php';
        </script>
        <?php
    }
}
?>

<hr>
<?php
if (isset($error)) {
    ?>
    <div class="alert alert-danger">
        <span class="fa fa-info-sign"></span> <strong><?php echo $error; ?></strong>
    </div>
    <?php
}
?>  
<form method="POST" action="">
    <div class="form-group row">
        <label  class="col-sm-3 col-form-label">Kode Buku</label>
        <div class="col-sm-9">
            <input type="text" name="kode_buku" class="form-control" >
        </div>
    </div>
    <div class="form-group row">
        <label  class="col-sm-3 col-form-label">Judul Buku</label>
        <div class="col-sm-9">
            <input type="text" name="judul_buku" class="form-control" >
        </div>
    </div>
    <div class="form-group row">
        <label  class="col-sm-3 col-form-label">Pengarang Buku</label>
        <div class="col-sm-9">
            <input type="text" name="pengarang_buku" class="form-control" >
        </div>
    </div>
    <div class="form-group row">
        <label  class="col-sm-3 col-form-label">Penerbit Buku</label>
        <div class="col-sm-9">
            <input type="text" name="penerbit_buku" class="form-control" >
        </div>
    </div>
    <div class="form-group row">
        <label  class="col-sm-3 col-form-label"></label>
        <div class="col-sm-9">
            <button type="submit" class="btn btn-md btn-primary"><span class="fa fa-save"></span> Create</button>
            <a href="index.php" class="btn btn-md btn-secondary">Go Back</a>
        </div>
    </div>
    <input type="hidden" name="form-submitted" value="1" />
</form>
<?php require_once 'footer.php'; ?>

form_edit_buku.php
 

<!--
/* 
* To change this license header, choose License Headers in Project Properties.
* To change this template file, choose Tools | Templates
* and open the template in the editor.
*/
-->
<?php
require_once 'header.php';
if (@$_GET['action'] == 'update') {
    require_once 'Class_Buku.php';
    $buku = new Buku();

    if (isset($_GET['id'])) {
        $kode_buku = $_GET['id'];
        $row = $buku->_retrive_Buku_By_kode_buku($kode_buku);
    }
    if (isset($_POST['form-submitted'])) {
        $kode_buku = $_POST['kode_buku'];
        $judul_buku = $_POST['judul_buku'];
        $pengarang_buku = $_POST['pengarang_buku'];
        $penerbit_buku = $_POST['penerbit_buku'];
        if (empty($kode_buku)) {
            $error = "Kode Buku masih kosong ...";
        } elseif (empty($judul_buku)) {
            $error = "Judul Buku masih kosong ...";
        } elseif (empty($pengarang_buku)) {
            $error = "Pengarang Buku masih kosong ...";
        } elseif (empty($penerbit_buku)) {
            $error = "Penerbit Buku masih kosong ...";
        } else {
            $buku->_update_Buku($kode_buku, $judul_buku, $pengarang_buku, $penerbit_buku);
            ?>   
            <script>
                alert('Data berhasil diperbarui ...');
                window.location.href = 'index.php';
            </script>
            <?php
        }
    }
    ?>
    <hr>
    <?php
    if (isset($error)) {
        ?>
        <div class="alert alert-danger">
            <span class="fa fa-info-sign"></span> <strong><?php echo $error; ?></strong>
        </div>
        <?php
    }
    ?>  
    <form method="POST" action="">
        <div class="form-group row">
            <label  class="col-sm-3 col-form-label">Kode Buku</label>
            <div class="col-sm-9">
                <input type="text" class="form-control" name="kode_buku"  value="<?php echo $row->kode_buku; ?>"  readonly>
            </div>
        </div>
        <div class="form-group row">
            <label  class="col-sm-3 col-form-label">Judul Buku</label>
            <div class="col-sm-9">
                <input type="text" class="form-control" name="judul_buku" value="<?php echo $row->judul_buku; ?>" >
            </div>
        </div>
        <div class="form-group row">
            <label  class="col-sm-3 col-form-label">Pengarang Buku</label>
            <div class="col-sm-9">
                <input type="text" class="form-control" name="pengarang_buku" value="<?php echo $row->pengarang_buku; ?>" >
            </div>
        </div>
        <div class="form-group row">
            <label  class="col-sm-3 col-form-label">Penerbit Buku</label>
            <div class="col-sm-9">
                <input type="text" class="form-control" name="penerbit_buku" value="<?php echo $row->penerbit_buku; ?>" >
            </div>
        </div>
        <div class="form-group row">
            <label  class="col-sm-3 col-form-label"></label>
            <div class="col-sm-9">
                <button type="submit" class="btn btn-md btn-primary"><span class="fa fa-save"></span> Update</button>
                <a href="index.php" class="btn btn-md btn-secondary">Go Back</a>
            </div>
        </div>
        <input type="hidden" name="form-submitted" value="1" />
    </form>
    <?php
}
?>
<?php require_once 'footer.php'; ?>

Untuk dapat memahami artikel ini secara utuh anda dapat mengikuti langkah – langkah crud yang sudah saya bagikan pada postingan sebelumnya. Dengan demikian penggunaan validasi ini dapat berjalan dengan baik ketika anda gunakan. Jika ada yang tidak berkenan anda dapat menambahkannya sendiri dan silahkan anda tinggalkan pesan di kolom komentar jika ada yang ingin anda tanyakan terima kasih. Semoga bermanfaat.

Share this post