Hallo sobat program, bertemu lagi dengan saya Rizal dan masih tetap diwebsite dumetschool. Pada kesempatan ini saya akan membahas tentang plugin jquery dan disini saya menemukan pluging jquery untuk membuat captcha sederhana. Maka untuk judul artikel kali ini adalah tentang Cara Membuat Captcha dengan JQuery Plugin.

Sebelum kita masuk kepembahasan alangkah baiknya teman-teman sudah mengenal tentang javascript serta jquery. agar dapat lebih memahami dengan mudah pada pembahasan ini. Dan kebetulan disini saya menemukan sebuah plugin jquery dimana berfungsi untuk membuat captcha.

CAPTCHA atau Captcha merupakan suatu bentuk uji tantangan-tanggapan (challange-response test) yang digunakan dalam perkomputeran untuk memastikan bahwa jawaban tidak dihasilkan oleh suatu computer (robot) dan Captcha dapat berupa angka, gambar, maupun huruf.

Cara Membuat Captcha dengan JQuery Plugin

Dibawah ini merupakan salah satu contoh captcha yang umum dan pasti teman-teman sudah pernah melihatnya :

Cara Membuat Captcha dengan JQuery Plugin

Oke disini kita tidak akan membuat captcha yang sudah keren seperti pada gambar diatas tp disini kita akan membuat captcha sederhana dengan menggunakan jquery plugin.

Langsung saja kita mulai, langkah pertama teman-teman buat dulu file HTML nya lalu tambahkan library jquery nya seperti pada contoh dibawah ini :

Jika sudah langkah berikutnya teman-teman tambahkan kode HTML nya seperti pada contoh dibawah ini :

Jika sudah, selanjutnya tambahkan kode style CSS nya agar terlihat lebih menarik seperti pada contoh dibawah ini :

Dan langkah selanjutnya teman-teman gunakan plugin jquery captchanya seperti pada contoh dibawah ini :

Kode diatas disimpan dengan nama captcha.min.js lalu panggil di file HTMLnya Dan langkah terakhir tambahkan kode jquery nya seperti pada contoh dibawah ini :

Jika sudah silahkan disimpan, dan coba dijalankan dibrowser yang teman-teman gunakan. Jika benar maka hasilnya akan menjadi seperti pada contoh dibawah ini :

Cara Membuat Captcha dengan JQuery Plugin

Hasil diatas merupakan captcha perhitungan tambah yang sederhana. Jadi seperti itulah contoh dari pembahasan yang sederhana ini tentang Cara Membuat Captcha dengan JQuery Plugin. Semoga dapat bermanfaat buat teman-teman dan sampai bertemu dipembahasan selanjutnya.

Terimakasih

sumber : www.jqueryscript.net