Hallo sahabat dumenity berjumpa lagi dalam tutorial kursuswebdesign, pada tutorial kali ini saya akan membahas tentang Cara Mencegah Form Submit Terkirim Dua kali dengan jQuery. Dalam tutorial ini, kita akan melihat cara menghindari pengiriman duplikat menggunakan jQuery. Saat mengirimkan form melalui fungsi AJAX, halaman tidak akan di-refresh. Jadi, user interface tidak akan menunjukkan kemajuan apa pun tentang eksekusi sisi server yang terjadi. Ini akan menyebabkan duplikat formulir untuk dikirim. Untuk mengatasi masalah ini, kami menghindari pengiriman ganda menggunakan jQuery.

Mari kita lihat ini dengan sebuah contoh. Dalam contoh ini, saya memiliki form HTML dan diposkan melalui AJAX. Saat memproses form kirim tindakan di sisi server, tombol kirim akan disembunyikan untuk mencegah beberapa duplikat submit.

jQuery Function untuk Mencegah Multiple Submit

Berikut form HTML yang akan dikirimkan melalui jQuery AJAX

Pada saat mengklik tombol submit, skrip jQuery ini mengirimkan data form ke halaman PHP melalui AJAX. Saat memproses permintaan AJAX ini, ia menyembunyikan tombol submit dan menggantinya dengan menampilkan pesan pemberitahuan perkembangan dengan loader.

Berikut ini contoh gambar form HTML

Cara Mencegah Form Submit Terkirim Dua kali dengan jQuery

Oke itulah tadi pemabahasan saya tentang Cara Mencegah Form Submit Terkirim Dua kali dengan jQuery, semoga bermanfaat.