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

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

関連記事

入力数値の桁区切り挿入

ユーザに数値を入力してもらう際に区切りを入れるようにすると入力ミスを少なくすることができます。このソースは、SugarJSというものから拝借して少し改変しています。 実装 fu

レスポンシブ対応の画像スライダー・ギャラリー用プラグイン

画像スライダー(ギャラリー)を作成してくれるjQueryプラグインの中からレスポンシブ対応のものをいくつか集めてみました。 シンプルでカスタマイズ豊富なスライダー用プラグイン「bxSlide

no image

バリデーション プラグイン

Nod Nod サイト | デモ [browser-shot url="http://rickharrison.github.io/validate.js/" width="2

no image

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

jqPlotを使って棒グラフを作成してみました。ベースはこの記事を参照ください。 スクリプト jqPlotのベースとなるjsファイルと以下の棒グラフの作成に必要なスクリプトを読み込んで下さい。

シンプルでカスタマイズ豊富なスライダー用プラグイン「bxSlider」

「bxSlider」はシンプルに設置でき、かついろいろとオプションが設定可能なスライダー用プラグインです。サイト CDN 標準でもしくはオプションで実現できそうなこと スワイプ キャプション

テキストに動きをつけるプラグイン

テキストをフェイド・スライド「Textillate」 テキストをフェイドイン(アウト)、スライドイン(アウト)してくれます。 ダウンロード デモ My Tit

実装方法が選べるツールチップ用プラグイン「Smallipop」

Smallipopは、ツールチップの実装をマークアップベース(HTMLに書き出し)とJavascriptベース両方で行えるjQueryプラグインです。世の中この手のツールは結構片方でのみだったりします

no image

定期的にAjaxリクエストを送信してくれる「PeriodicalUpdater」

PeriodicalUpdaterは、定期的にpostもしくはgetリクエストを送信してくれるjQueryプラグインです。Twitterのタイムラインのように定期的にツイートをロードしてくれるようなや

画像ズーム プラグイン

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

no image

[続きを読む]でテキストを省略、開閉できる「jTruncate」「jTruncSubstr」

「jTruncate」は、長くなってスペースをとってしまう文章をなどであらかじめ指定した文字数で省略して表示してくれるjQueryプラグインです。 ダウンロードはこちら デモ スクリプト

Comment

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

Message

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

*

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

    PAGE TOP ↑