Cara Membuat Konfirmasi Hapus Dengan Javascript

Pada kesempatan kali ini saya akan menjelaskan bagaimana cara membuat konfirmasi hapus dengan javascript, pada contoh ini saya memiliki tabel dengan tombol hapus, terlihat dari tombol tersebut saya membutuhkan konfirmasi pertanyaan untuk hapus data. Hal tersebut berguna untuk mencegah pengguna users yang tidak sengaja meng click tombol hapus.

Berikut tahapannya:

1. Sisipkan kode berikut pada file yang teman-teman butuhkan:

<button type="button" class="remove" data-id="3">Hapus</button>
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script>
    $(".remove").click(function () {
        var jawab = confirm("Yakin anda ingin menghapus data tersebut ?");
        if (jawab === true) {
//            kita set hapus false untuk mencegah duplicate request
            var hapus = false;
            if (!hapus) {
                hapus = true;
                $.post('remove.php', {id: $(this).attr('data-id')},
                function (data) {
                    alert(data);
                });
                hapus = false;
            }
        } else {
            return false;
        }
    });
</script>

Jika sudah simpan file tersebut dan lihat hasilnya, maka akan tampil pertanyaan kotak box seperti berikut:

Dari contoh tersebut, bisa teman-teman sesuaikan dengan kebutuhan masing-masing.

Sampai di sini pembahasan saya membuat konfirmasi hapus dengan javascript. Semoga bermanfaat.