Cara Menampilkan Dialog Konfirmasi Hapus Data Di Url Ahref Javascript

Konfimasi adalah hal yang penting dalam pembuatan aplikasi, karena dengan konfirmasi pengguna bisa menastikan apakan langkah yang di ambil akan di lanjutkan di kerjakan atau tidak, seperti contohnya dalam menghapys data dalam aplikasi, jika aplikasi tidak terdapat adanya pemberitahuan konfirmasi maka bisa jadi pengguna akan merasa tidak nyaman karena jika pengguna tidak sengaja menekan tombol hapus pada aplikasi padahal data itu penting maka pastinya pengguna akan kecawa.

Fungsi dari konfirmasi sendiri sangat penting apalagi ketika ingin menghapus data, dengan penggunaan konfirmasi ini di harapkan pengguna bisa memastikan langkah yang di ambil itu tepat atau tidak. 

Di artikel kali ini kami akan membahas mengenai konfirmasi url artinya ketika pengguna mengklik tag ahref atau url dalam aplikasi anda, aplikasi akan menampilkan box atau kotak pertanyaan dimana terdapat pilihan Ya atau Tidak, jika pengguna memilih tombol Ya maka akan melanjutkan link url tersebut, tetapi jika memilih tombol Tidak maka aplikasi tidak akan melanjutkan perintah link url tersebut. Disini kami akan memberikan dua contoh script penggunaan alert konfirmasi menggunakan bahsa pemprograman javascript.

Contoh Sript Pertama :

<a href="hapus.php?id=1" class="konfirmasi">Hapus Data</a>
<script type="text/javascript">
 var elems = document.getElementsByClassName('konfirmasi');
 var confirmIt = function (e) {
 if (!confirm('Apa Anda Akan Menghapus Data?')) e.preventDefault();
 };
 for (var i = 0, l = elems.length; i < l; i++) {
 elems[i].addEventListener('click', confirmIt, false);
 }
</script>

Dari script di atas kita menggunakan javascript, untuk urlnya kita beri class="konfirmasi" untuk memberi perintah kepada script javascript di bawah, ketika url tersebut di klik maka akan menjalankan perintah menampilkan konfimasi jika ya akan melanjutkan ke ahref url, jika tidak tidak akan melanjutkan ke url

Contoh Script Kedua :

<a href="hapus.php?id=1" onclick="return confirm('Apa Anda Akan Menghapus Data?')">Hapus Data</a>

Untuk script kedua lebih sederhana di bandingkan degan script pertama anda hanya tinggal menambah onclick=return confirm otomatis akan menampilkan konfirmasi.

Mungkin cukup sekian materi konfimasi jika ada pertanyaan silahkan isi kolom komentar di bawah ini.

• Twitter
• Facebook
• Google Plus

• konfirmasi hapus
• konfirmasi hapus ahref
• membuat konfimasi hapus javascript