Deteksi Kartu kredit dengan javascript

seiring kemajuan jaman dunia internet tidak bisa kita pungkiri banyak memberikan kemudahan kepada para netter di bidangnya masing-masing. salah satu yang bisa kita ambil cohtoh adalah kemudahan kita dalam melakukan transaksi untuk sebuah pembelian atau pembayaran dengan sistem-sistem tertentu.

seperti yang kita lihat dengan semakin menjamurnya toko-toko online yang menjual berbagai produk dimana proses pembayaran nya pun di lakukan secara online dengan berbagai macam pilihan cara pembayaran. Bila kita pernah melakukan pembelian produk secara online mungkin ada beberapa toko online yang menyediakan fasilitas pembayaran melalui credit card. dalam opsi credit card di situ ada form di mana kita harus memasukkan nomor kartu kredit anda. dimana ketika kita memasukkan beberapa digit nomor kartu kredit langsung akan muncul notifikasi jenis kartu kredit yang kita gunakan.Card Detection

disini Ciber Warna akan mencoba membagikan cara bagaimana membuat form yang bisa mendeteksi jenis kartu kredit yang di gunakan oleh user. karena pada dasarnya setiap kartu kredit khususnya Visa dan Mastercard mempunyai ciri tersendiri yang menjadi pembeda dari keduanya di lihat dari nominal beberapa digit angka yang di gunakan sebagai nomor kartu kredit. Untuk lebih jelasnya tentang perbedaan kartu kredit dari nomor seri anda bisa googling.

disini Cyber Warna akan mencoba membedakan dua kartu kredit yaitu Visa dan mastercard karena dua kartu kredit tersebut yang banyak di gunakan oleh user khususnya di Indonesia.

berikut langkah-langkah yang akan kita lakukan untuk membuat form tersebut:

1. Membuat Javascript

buatlah beberapa baris javascript untuk membedakan kartu kredit berdasarkan nomor kartu tersebut

beri nama javascript terserah anda, disini saya akan menamakan javascript tersebut kartu-kredit.js script yang bertugan melakukan deteksi kartu kredit

 2. Membuat CSS

buatlah Css untuk mengatur tampilan layout form, disini saya membuat css dengan nama kartu-kredit.css berikut kode CSSnya

3. Membuat HTML form

setelah anda selesai membuat javascript dan css nya buatlah sebuah form HTML

4. tambahkan script DI <head>

jangan lupa menambahkan script di antara tag <head>…</head> untuk memanggil kartu-kredit.js dan file kartu-kredit.css

pada line 1 sesuaikan URL di mana anda menyimpan kartu-kredit.js dan kartu-kredit.css yang di buat pada point 1 dan 2.

untuk demonya bisa langsung anda lihat melalui link di bawah ini

KREDIT CARD DETECTOR

Leave a Reply

Your email address will not be published. Required fields are marked *