クレジットカード番号のバリデーションとカード会社を特定してくれる「jQuery Credit Card Validator」

jQuery Credit Card Validatorは、クレジットカード番号のバリデーションを行ってくれるjQueryプラグインです。入力したカード番号の検証とそれに基づいてカード会社の表示を行ってくれるので、情報送信前の確認には便利です。
うまくカスタマイズすれば、利用可能なカード会社の番号のみ送信ボタンを許すようなこともできそうです。デモ

他プラグイン
Payment Smart Validate

カード番号による見分け

ちなみに、クレジットカード番号からカード会社を見分ける方法は以下になります。
http://www.regular-expressions.info/creditcard.html
(もしくは、クレジットカード番号)

Visa (ビザ)
4ではじまる。現在は、16桁の数字(古いやつは13桁)
正規表現:^4[0-9]{12}(?:[0-9]{3})?$

MasterCard (マスターカード)
「51、52、53、54、55」ではじまる。全部で16桁
正規表現:^5[1-5][0-9]{14}$

American Express (アメックス)
先頭2桁が"34"もしくは"37"ではじまる全部で15桁
正規表現:^3[47][0-9]{13}$

Diners Club (ダイナース)
先頭3桁が"300"~"305"、36もしくは38ではじまる。14桁。
*5ではじまる16桁のカードもある。こちらは、ダイナースとマスターのジョイントベンチャーで、マスターとして扱われる。
正規表現:^3(?:0[0-5]|[68][0-9])[0-9]{11}$

ディスカバー
6011もしくは65ではじまる16桁
正規表現:^6(?:011|5[0-9]{2})[0-9]{12}$

JCB (ジェー・シー・ビー)
2131もしくは1800ではじまる15桁。35ではじまる16桁。
正規表現:^(?:2131|1800|35\d{3})\d{11}$

  • このエントリーをはてなブックマークに追加

関連記事

画像ギャラリーを実装できる「Galleria」

Galleriaは、わずか数行で画像ギャラリーが作成できるjQueryプラグインです。Airbnbのページで使用されていて、コレいいな~と思い試してみました。 ナビゲーション内にサムネイルを

no image

ポップアップ・モーダル ウィンドウ プラグイン

ポップアップ シンプルにポップアップを実装できる「PopBox」 実装方法が選べるツールチップ用プラグイン「Smallipop」 Bootstrap Popovers

ナビゲーションメニューを画面サイズによってドロップダウンにしてくれる「TinyNav.js」

「TinyNav.js」はナビゲーションメニューを画面サイズがある以下になるとドロップダウンにしてくれるjQueryプラグインです。 スクリプト 実装 スタイルシート

no image

要素を折りたたみできる「nestedAccordion」

「nestedAccordion」は、クリックすると要素を開閉(折りたたみ)できるjQueryプラグインです。名前の通りネストして、アコーディオンの中にアコーディオンも実装できます。ダウンロードはこち

no image

時刻入力に便利な「Timepicker for Bootstrap」

「Timepicker for Bootstrap」は、テキストボックスへの時刻入力を便利にしてくれるjQueryプラグインです。 2014/06/16 Bootstrap3対応版に書き換え

selectボックスを華麗にしてくれる「Chosen」「Select2」

selectボックスに当てるjQueryプラグインを色々探してみましたがこれに決めました。シングルやマルチ、またグループにも対応しています。インスタンス検索してくれるのが決め手 Chosen CDN

開閉できるツリー構造を表現できる「jsTree」

「jsTree」は、Webサイト上にツリー構造を表示してくれるJQueryラグインです。実際、使うかというのは謎ですが、ブログ内に設置する機会があり使用してみましたので参考まで。 ダウンロードはこち

レスポンシブに対応した画像ギャラリーが実装できる「Responsive Image Gallery」

「Responsive Image Gallery with Thumbnail Carousel」はレスポンシブにも対応した画像ギャラリーが実装できるjQueryプラグインです。Twitterの「最

no image

グリッドレイアウト プラグイン

Waterfall サイト pinbox [browser-shot url="http://kayschneider.github.io/pinbox/example/pinb

ナビゲーション内にサムネイルを設置できる画像スライダー・ギャラリー用プラグイン

画像ギャラリーを作成してくれるjQueryプラグインはたくさん制作されています。その中でもサムネイルを使用してギャラリーのナビゲーションを行ってくれるプラグインをいくつか集めてみました。 サムネ

Comment

  1. 一般論としては
    よそが作ったJavascriptにクレジットカード番号なんか渡しちゃだめでしょ

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

*

PAGE TOP ↑