Hallo teman-teman Dumet School. Kembali lagi dengan saya Shelli Ripati di kursus website, tempat kursus terbaik dan nomor satu. Kali ini saya akan membuat artikel tentang cara Membuat Alert Failed Jika Field Kosong Saat Proses Simpan dengan menggunakan PHP.
Nah, teman-teman mungkin sudah pernah belajar tentang CRUD menggunakan PHP. Dimana CRUD adalah proses untuk insert, read, update dan delete. Nah disini saya akan menggunakan query untuk insert ke database saja. Dimana saat kita akan melakukan proses insert atau simpan ke database semua field harus terisi maka proses penyimpanan akan berhasil. Namun jika ada salah satu field yang kosong makan secara otomatis proses simpan akan gagal dan mengeluarkan alert failed. Oke langkah pertama untuk Membuat Alert Failed Jika Field Kosong Saat Proses Simpan adalah membuat stuktur htmlnya terlebih dahulu, seperti pada script di bawah ini. Disini membuat alertnya saya menggunakan bootstrap versi 3. Teman-teman bias download terlebih dahulu untuk bootstrapnya.
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags --> <title>Membuat Alert Failed Jika Field Kosong Saat Proses Simpan</title> <!-- Bootstrap --> <link href="css/bootstrap.min.css" rel="stylesheet"> </head> <body> <?php if(isset($_GET["success"])) {?> <div class="alert alert-success alert-dismissible" role="alert"> <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button> Proses simpan <strong>berhasil</strong>! </div> <?php } ?> <?php if(isset($_GET["failed"])) {?> <div class="alert alert-danger alert-dismissible" role="alert"> <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button> Proses simpan <strong>gagal</strong>!. Field tidak boleh kosong. </div> <?php } ?> <form method="post" action=""> <label>Nama</label> <input type="text" name="nama"> <br> <label>Telepon</label> <input type="text" name="tlp"> <br> <label>Alamat</label> <textarea name="alamat"></textarea> <br> <button type="submit" name="submit">Submit</button> </form> <!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <!-- Include all compiled plugins (below), or include individual files as needed --> <script src="js/bootstrap.min.js"></script> </body> </html>Jika sudah selesai, maka kita buat databasenya di phpmyadmin seperti pada script di bawah ini.
Kemudian kita buat koneksi ke databasenya ya teman-teman.
<?php global $connection; $servername = "localhost"; $user = "root"; $pass = ""; $dbname = "shelli"; $connection=mysqli_connect($servername, $user, $pass, $dbname); if(!$connection){ die("Connection Failed: ". mysqli_connect_error()); } ?>Jika sudah, kemudian kita buat query untuk proses penyimpanan ke database yang sudah kita buat seperti pada script di bawah ini.
if(isset($_POST["submit"])){ $nama = $_POST["nama"]; $tlp = $_POST["tlp"]; $alamat = $_POST["alamat"]; if(empty($nama && $tlp && $alamat)){ header("location:alert.php?failed"); }else{ mysqli_query($connection, "INSERT INTO siswa VALUES('', '$nama', '$tlp', '$alamat') "); header("location:alert.php?success"); } }Kemudian teman-teman bisa jalankan proses simpannya dengan mengklik tombol submit. Dan jika semua field terisi maka akan muncul alert seperti gambar di bawah ini.
Jika ada field yang kosong makan proses penyimpanan gagal dan akan keluar alert failed yang sudah kita buat. Seperti terlihat pada gambar di bawah ini.
Demikian artikel tentang Membuat Alert Failed Jika Field Kosong Saat Proses Simpan. Semoga bermanfaat dan selamat mencoba ya teman-teman.