クレジットカード番号のバリデーションとカード会社を特定してくれる「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}$

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

関連記事

カレンダー実装プラグイン「Bootstrap Calendar」

「Bootstrap Calendar」はBootstrap 3ベースでカレンダーが実装できるjQueryプラグインです。 ダウンロード スクリプト

Bootstrap Modal + 拡張機能が実装できるプラグイン(Bootstrap 2)

Twitter Bootstrap Modalは、標準のモーダルウィンドウに様々な機能を追加することができます。 Twitter Bootstrap純正スクリプト ダウンロード / サイト

no image

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

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

入力テキストの文字数をカウントしてくれる「Textchange」

Twitterのようにinputやtextareaに入力した際に、文字数をカウント(ダウン)してくれるとユーザの利便性が上がります。今回使用したTextChangeは、それ以外にも入力のイベントに対し

no image

ファイルアップロードフォーム プラグイン

Ajax File Upload Form with jQuery Ajax File Upload Form with jQuery [browser-shot url="h

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

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

わずかなコードで画像をサムネイル化してくれる「MyThumbnail.js」

サムネイル化してくれるJQueryプラグインは数多くありますが、この「MyThumbnail」はわずか数行で簡単にページ上の画像を指定サイズにサムネイル化してくれます。 ダウンロード 画像とし

画像ズーム プラグイン

画像をズームしてくれるプラグインには、ツールチップ的にサムネイルにマウスオーバーした部分をズームアップしたり元画像を表示したり、その画像内でインナーズームする というような機能があるようです。

「jqPlot」を使って円グラフを作成

Webサイトで円グラフ表示したいと要望があったので、以前使用したjqPlotでデモを作成しました。ダウンロード 最初の要望は「凡例つけて」、「いい感じにカラーリングしてほしい。」、「定期的に変更

入力されたメールアドレスのドメインをサジェストしてくれる「mailcheck.js」

「mailcheck.js」は、入力されたメールアドレスのドメインをサジェストしてくれるjQueryプラグインです。 ダウンロード スクリプト 実装 v

Comment

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

@_k725 にコメントする コメントをキャンセル

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

*

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

PAGE TOP ↑