Membuat Alert Failed Jika Field Kosong Saat Proses Simpan
Hallo teman-teman Source Code Aplikasi. Kembali lagi dengan saya Shelli Ripati di kursus website, tempat kursus terbaik dan nomor satu. Kali ini saya akan membangun artikel mengenai cara Membuat Alert Failed Jika Field Kosong Saat Proses Simpan dengan menggunakan PHP.
Nah, teman-teman mungkin telah pernah belajar mengenai CRUD menggunakan PHP. Dimana CRUD yakni proses bagi insert, read, update dan delete. Nah disini saya akan menggunakan query bagi insert ke database saja. Dimana ketika kita akan menjalankan proses insert atau simpan ke database segala field mesti terisi karenanya proses penyimpanan akan berhasil. Namun kalau ada diantara field yang kosong makan secara otomatis proses simpan akan gagal dan mengeluarkan alert failed. Oke langkah pertama-tama bagi Membuat Alert Failed Jika Field Kosong Saat Proses Simpan yakni membangun stuktur htmlnya terlebih dahulu, seperti di script di bawah ini. Disini membangun alertnya saya menggunakan bootstrap versi 3. Teman-teman bias unduh terlebih dahulu bagi 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>Membangun Alert Failed Apabila Field Kosong Ketika 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 tak 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>Domisili</label>
<textarea name=domisili></textarea>
<br>
<button type=submit name=submit>Submit</button>
</form>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src=https://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>
Apabila telah selesai, karenanya kita bikin databasenya di phpmyadmin seperti di script di bawah ini.
CREATE TABLE pelajar(
id INT (9) NOT NULL,
nama VARCHAR (255) NOT NULL,
tlp VARCHAR (255) NOT NULL,
domisili TEXT NOT NULL,
PRIMARY KEY (id)
);
Kemudian kita bikin 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());
}
?>
Apabila telah, kemudian kita bikin query bagi proses penyimpanan ke database yang telah kita bikin seperti di script di bawah ini.
if(isset($_POST[submit])){
$nama = $_POST[nama];
$tlp = $_POST[tlp];
$domisili = $_POST[alamat];
if(empty($nama $tlp $domisili)){
header(location:alert.php?failed);
}else{
mysqli_query($connection, INSERT INTO pelajar VALUES('', '$nama', '$tlp', '$domisili') );
header(location:alert.php?success);
}
}Kemudian teman-teman dapat jalankan proses simpannya dengan mengklik tombol submit. Dan kalau segala field terisi karenanya akan muncul alert seperti gambar di bawah ini.
Apabila ada field yang kosong makan proses penyimpanan gagal dan akan keluar alert failed yang telah kita bikin. Seperti terlihat di gambar di bawah ini.
Demikian artikel mengenai Membuat Alert Failed Jika Field Kosong Saat Proses Simpan. Semoga bermanfaat dan selamat mencoba ya teman-teman.
Sumber https://kursuswebsite.org
