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

「jQuery Credit Card Validator」は、クレジットカード番号のバリデーションを行ってくれるjQueryプラグインです。入力したカード番号の検証とそれに基づいてカード会社の表示を行ってくれるので、情報送信前の確認には便利です。
うまくカスタマイズすれば、利用可能なカード会社の番号のみ送信ボタンを許すようなこともできそうです。デモ
カード番号による見分け
ちなみに、クレジットカード番号からカード会社を見分ける方法は以下になります。
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}$
関連記事
-
-
親要素の大きさに合わせてテキストをリサイズ「FitText」
「FitText」は親要素の大きさに合わせてテキストをリサイズしくれるjQueryプラグインです。ダウンロード | デモ スクリプト 実装 responsive_head
-
-
ポップアップ・モーダル ウィンドウ プラグイン
ポップアップ シンプルにポップアップを実装できる「PopBox」 実装方法が選べるツールチップ用プラグイン「Smallipop」 Bootstrap Popovers
-
-
入力されたメールアドレスのドメインをサジェストしてくれる「mailcheck.js」
「mailcheck.js」は、入力されたメールアドレスのドメインをサジェストしてくれるjQueryプラグインです。 ダウンロード スクリプト 実装 v
-
-
Bootstrap Modal + 拡張機能が実装できるプラグイン
Twitter Bootstrap Modalは、標準のモーダルウィンドウに様々な機能を追加することができます。 2014/06/16 Bootstrap3対応版に書き換えをしました。
-
-
商用利用フリー Lightbox プラグイン
商用利用フリー(投稿時)のlightbox用プラグインをまとめてみました。最新のライセンスに関しては各サイトに確認をお願いいたします。) lightboxの中にもギャラリー表示が可能なもの、ギャラリ
-
-
定期的にAjaxリクエストを送信してくれる「PeriodicalUpdater」
PeriodicalUpdaterは、定期的にpostもしくはgetリクエストを送信してくれるjQueryプラグインです。Twitterのタイムラインのように定期的にツイートをロードしてくれるようなや
-
-
実装方法が選べるツールチップ用プラグイン「Smallipop」
Smallipopは、ツールチップの実装をマークアップベース(HTMLに書き出し)とJavascriptベース両方で行えるjQueryプラグインです。世の中この手のツールは結構片方でのみだったりします
-
-
テキストボックスの入力値を数値限定にしてくれる「jQuery - numeric」
「jQuery - numeric」は、テキストボックスへの入力を数字のみに制限してくれるjQueryプラグインです。正/負、整数/小数点 チェックまで限定してくれます。ダウンロード スクリプト
-
-
「jqPlot」 カスタマイズ
以前、ここで使用した「jqPlot」ですが、色々なキーワードで訪問される方がいらっしゃったので、それを元ネタとして使わせてもらいカスタマイズ方法を紹介したいと思います。 以下4つのファイルへリンクし
-
-
テキストに装飾効果を付けるプラグイン
Burn #テキストに炎のような効果 Burn サイト デモ スクリプト 実装 AAA $(function () { $('#defa
Comment
jQuery - クレジットカード番号のバリデーションとカード会社を特定してくれる「jQuery Credit Card Validator」 https://t.co/mwWe1GJBxG
一般論としては
よそが作ったJavascriptにクレジットカード番号なんか渡しちゃだめでしょ
クレジットカード番号の頭1or2桁は会社コードなのね。
http://t.co/vkRzfSE0F3
>> jQuery | クレジットカード番号のバリデーションとカード会社を特定してくれる「jQuery Credit Card Validator」 http://t.co/wYBlm5NDgG
>> jQuery | クレジットカード番号のバリデーションとカード会社を特定してくれる「jQuery Credit Card Validator」 http://t.co/8fJO4eAZqo
jQuery | クレジットカード番号のバリデーションとカード会社を特定してくれる「jQuery Credit Card Validator」 http://bit.ly/1b7HewZ
ネット決済と連動したサイトを作る際の参考にブクマ