Blog

クレジットカードの種類を特定してバリデーションまでしてくれるjQueryプラグイン「creditCardValidator.js」

日本ではあまり多くないが、稀にVISA/MASTERしか利用させたくないというECサイトがある。

この場合、決済代行会社などのAPIを利用すればわかるのだが、負荷がかかるのとユーザビリティを考えると最も良い方法とは言えない。

その場で分かるのが最も良く、それを実現するためのjQueryプラグインだ。

http://jquerycreditcardvalidator.com/

 

類似のものはいくつかあるようだが、自分がざっくり比較した感じだと戻り値の細かさや使いやすさから一番良いと感じた。

 

デモ

 

基本的にはこのように書くのだが、

 

このように書くことで結果を受け取れる

 

今回はこのように書いた。

 

result.card_typeから何のカードか判断してはじいたり、アイコンを出すことも簡単に出来そうだ

 

8月2日追記

 

入力中にクレジットカードのブランドを判定してロゴを出力するようにしたのと、

バリデーションがtrueにならなければ決済ボタンを押せなくした

デモ

 

クレジットカードの判定は簡単だがこんな感じでできる。

Author Profile

hoshino
hoshino
ECのことを中心に書きたいと思います。 ネタが無いときはプログラムやデザインのことも書きます。
» 投稿一覧
  • Launch Cart次世代ECサイト構築システム 初期月額無料
  • LaunchMovie ECに特化した動画制作サービス

Archive

ページTOPへ