Bismillahirrahmanirrahiim
Alert adalah notifikasi javascript yang sering kita gunakan dalam memvalidasi suatu script atau kode yang kita jalankan, alert default javascript adalah seperti code dibawah ini
<script>window.alert('Selamat datang');</script>
Hasilnya seperti gambar dibawah ini
Disini saya akan membahas bagaimana caranya untuk membuat alert dengan sweet alert agar mendapatkan tampilan seperti gambar dibawah ini :
Oke sobat langsung saja …..
Langkah pertama
Langkah kedua
Extract hasil download ke folder root server local sobat, kalau saya di c:\xampp\htdocs\php7\sweetalert, sesuaikan dengan folder root server local sobat.
Langkah ketiga
Ketiklah kode sweet alert dibawah ini
<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Aguzrybudy.com | Sweet Alert</title>
<link rel="stylesheet" href="alert/css/sweetalert.css">
</head>
<body >
<form method="post" id="email">
<p>
<input name="email" placeholder="Enter Your Email" type="text" id="inputemail">
<input type="submit" value="Submit" ></p>
</form>
<script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
<script src="alert/js/sweetalert.min.js"></script>
<script src="alert/js/qunit-1.18.0.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#email').on('submit',function(e) {
$.ajax({
url:'subscribe_act.php', //nama action script php sobat
data:$(this).serialize(),
type:'POST',
success:function(data){
console.log(data);
swal("Success!", "Message sent!", "success");
},
error:function(data){
swal("Oops...", "Something went wrong :(", "error");
}
});
e.preventDefault();
});
});
</script>
</body>
</html>
Hasil eksekusi script diatas adalah seperti gambar dibawah ini .



17 Komentar
Komentar ini telah dihapus oleh pengarang.
BalasHapusCara Membuat Alert Indah Dengan Sweet Alert Melalui Form Submit Jquery >>>>> Download Now
Hapus>>>>> Download Full
Cara Membuat Alert Indah Dengan Sweet Alert Melalui Form Submit Jquery >>>>> Download LINK
>>>>> Download Now
Cara Membuat Alert Indah Dengan Sweet Alert Melalui Form Submit Jquery >>>>> Download Full
>>>>> Download LINK wi
passwordnya salah mas, yg bener apaan????
BalasHapusga niat share nih..
aguzrybudy.blogspot.co.id passwordnya
Hapuscoba deh mas download lalu di extract dulu mas pake password itu , file yg lain sih bener passwordnya tp yg ini salah mas..
HapusKalau gitu kirim aja email mas, biar saya kirim kodenya
Hapuspasswordnya salah mas, kalau boleh minta di kirim ke email saya mas :)
BalasHapusm.fakih07@gmail.com
Cek email atau spam mas dah saya kirim filenya
Hapusminta filenya mas firdsm@gmail.com terima kasih
BalasHapuspasswordnya dunk gan aguss
BalasHapusaguzrybudy.blogspot.co.id, kalau gak bisa mas kasih email mas biar saya kirim kodenya
HapusMinta file nya gan. haekal9e@gmail.com
BalasHapusTerima Kasih
email gan oktovianpa@gmail.com
BalasHapusthanks
Cek email gan dah saya kirim kodenya
Hapusterimakasih ilunya mas, cuma kalo pake framework Codeigniter dimna yah letakin script sweet alertnya, makasih. :)
BalasHapussaya pake password ini aguzrybudy.blogspot.co.id bisa mas terimakasih :)
BalasHapusCara Membuat Alert Indah Dengan Sweet Alert Melalui Form Submit Jquery >>>>> Download Now
BalasHapus>>>>> Download Full
Cara Membuat Alert Indah Dengan Sweet Alert Melalui Form Submit Jquery >>>>> Download LINK
>>>>> Download Now
Cara Membuat Alert Indah Dengan Sweet Alert Melalui Form Submit Jquery >>>>> Download Full
>>>>> Download LINK PU
Berkomentarlah dengan baik dan sopan