Membuat tombol submit menggunakan javascript memang sangat meng-asik-kan, gimana enggak ? Kita dapat membuat tombol submit disable ketika tombol tersebut di klik.
Bukan hanya itu saja teman, selain tombol submit disable
kita juga dapat menambahkan timer pada tombol yang disable tadi. Yah bisa di
logikakan bahwa timer ini digunakan untuk menghitung waktu berapa lama lagi
tombol submit yang tadinya disable akan kembali enable.
Dalam tutorial kali ini saya akan coba membuat script untuk
mendisbale tombol submit dan memberikan timer pada tombol hingga kembali
enable.
Jika ditanya fungsinya, selain menambah wawasan kita juga
dapat digunakan untuk mengantisipasi overload input data pada website kita
teman. Yah setidaknya ada jeda saat kita melakukan submit data ke website jadi
gak dibanjiri spam gitu dehhh..
Nah, begini penjelasan script nya :
- Didalam script kali ini kita menggunakan library java script “jquery-1.9.1.min.js”. temen-temen boleh download atau search di google.
- Lalu ada dua javascript yang dipisahkan untuk mempermudah teman-teman mengenal fungsinya. Javascript yang pertama untuk mendisable tombol submit, yaitu dengan fungsi hide(); kepada id tombol. Javascript yang kedua adalah timer yang akan tampil setelah tombol disable dan akan running secara otomatis sesuai timeout yang kita setting, disini saya gunakan 10 detik.
- Lalu hal yang gak kalah pentingnya lagi pada bagian button diberikan id dan div timer diberikan style=display:none;
- Berikut script lengkapnya :
Selamat mencoba teman, semoga bermanfaat ya.
0 Comments
