by 
Menonaktifkan tombol saat proses berjalan mencegah pengguna mengklik dua kali dan mengirim data ganda. Artikel ini membahas cara menonaktifkan dan mengaktifkan elemen dengan jQuery.
Metode .prop(“disabled”, …)
<script>
$("#tombol").prop("disabled", true); // nonaktifkan
$("#tombol").prop("disabled", false); // aktifkan
</script>
Contoh Kasus: Mencegah Klik Ganda saat Submit
<script>
$("#form").submit(function() {
$("#kirim").prop("disabled", true).text("Mengirim...");
});
</script>
Menonaktifkan sekaligus mengubah teks memberi umpan balik jelas bahwa proses sedang berjalan.
Contoh Kasus: Aktif Setelah Mengisi Semua Field
<script>
$("input").on("input", function() {
const semuaTerisi = $("#nama").val() && $("#email").val();
$("#kirim").prop("disabled", !semuaTerisi);
});
</script>
Kesimpulan
Gunakan .prop("disabled", true/false) untuk menonaktifkan atau mengaktifkan elemen. Ini penting untuk mencegah pengiriman form ganda dan bisa dipadukan dengan perubahan teks tombol sebagai umpan balik.
Referensi: untuk penjelasan lebih mendalam, kunjungi dokumentasi resmi jQuery (api.jquery.com).
