Cara Mengunci Tombol Agar Hanya Bisa di Klik Sekali

Beberapa menit yang lalu saya searching di google tentang cara mengamankan script agar tidak bisa dicuri orang. Saya cari dengan keyword bahasa inggris, keluar tutorial disalah satu forum asing dengan judul "How to implement a lock in JavaScript" oleh http://stackoverflow.com

Namun rupanya apa yang ditulis tidak sesuai dengan harapan saya. Tapi saya cukup senang, karena sangat bermanfaat buat tambah pengetahuan.

Pada intinya dalam trik ini, kita bisa mengunci salah satu tombol submit pada sebuah form html.
Jadi, ketika seseorang telah melakukan klik, maka tombol tersebut menjadi disable dan tidak dapat di klik kembali. Namun setelah halaman direfresh/ dimuat ulang maka tombol tersebut aktif kembali.

Sebagai contoh, klik demo dibawah


Kode yang digunakan sangat sederhana, silahkan Anda terapkan kode berikut kedalam blog Anda.
<input value="Klik DEMO" type="button" id="Mr_X" onclick="satuKlik('true');">
<script type="text/javascript">
function satuKlik(status) {
  document.getElementById("Mr_X").disabled = status;
}
</script>

Popular posts from this blog

Ramalan Jodoh dan Pasangan Hidup Menurut Tanggal Lahir

Cara Mudah Ambil Uang di ATM BRI (+gambar)

Cara Mengetahui Hari Kelahiran Weton Jawa - Online