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

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

関連記事

iTunesのCover Flowのようなギャラリーが実装できる「ContentFlow」

「ContentFlow」は、iTunesのCover Flowのように左右に流れるギャラリーが実装できるjQueryプラグインです。ダウンロード スクリプト 実装

商用利用フリー Lightbox プラグイン

商用利用フリー(投稿時)のlightbox用プラグインをまとめてみました。最新のライセンスに関しては各サイトに確認をお願いいたします。) lightboxの中にもギャラリー表示が可能なもの、ギャラリ

no image

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

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

マウスオーバーでキャプション表示してくれる プラグイン

画像マウスオーバーするとキャプションを出現させるプラグイン (jQuery 1.10.2で動作確認のできたものに限定しています。デモ一覧) imgタグの#alt属性から自動でキャプションを生成

no image

クリックするとテキストボックスにかわるラベルを実装

Flickrなどでは、写真の編集画面でキャプションをラベルとして表示しておきクリックするとテキストボックスやテキストエリアに変換してくれて編集させるようなインターフェイスを実装しています。結構いいです

no image

テキストエリアを自動的にリサイズしてくれる「Autosize」

「Autosize」は、テキストエリアのサイズを入力文字数によって自動的に変更してくれるjQueryプラグインです。標準では、枠を超える文字数を入力するとスクロールバーが表示されますが、かわりに建増し

no image

シンプルにポップアップを実装できる「PopBox」

「PopBox」は、シンプルにポップアップを実装できるjQueryプラグインです。 スクリプト HTML Click Here!

no image

テーブル・リスト要素を便利にしてくれるプラグイン

レスポンシブに対応したテーブルを実装できる「FooTable」 リストをインクリメント検索・ソートできる「List.js」 colResizable #カラム幅可変

Wysiwygエディタ用プラグイン「CKEditor」

「CKEditor」は、Wysiwygエディタを実装できるプラグインです。 ダウンロード | デモ スクリプト 実装 文字数・単語数のカウント表

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

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

Comment

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

Message

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

*

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

    PAGE TOP ↑