カード番号を入力すると、カードの種類を読み取って表示が変わります。
Lisence
MITライセンス
※ライセンスが変更される可能性がありますので、使用される際は必ずご自身でご確認ください。
Browser
Tag
クレジットカード入力支援
カード番号を入力すると、カードの種類を読み取って表示が変わります。
MITライセンス
※ライセンスが変更される可能性がありますので、使用される際は必ずご自身でご確認ください。
クレジットカード入力支援
インタラクティブなクレカ情報入力フォームを実装するスクリプトのご紹介。以前も似たようなものを紹介しましたが、こちらの方が良さそうだったので備忘録。
Webにおいてクレジットカードの入力は頻繁にあると思います。番号、有効期限、保有者名、CVCの入力が主になると思いますが、その入力フォームをかっこうよくしてくれるのがCardです。 Cardの使い方 そこにこんな感じのJavaScriptを実行します。カスタマイズも可能です。 $('form').card({ container: $('.card-wrapper') }); そうするとこのようなフォームに変化します。 Cardはインタラクティブな表現なので、入力した内容がそのままカード面に反映されるのが面白いです。また、CVCのようにどこに書いてある項目なのか分かりやすく説明できるのでユーザビリティ向上にもつながりそうです。 CardはJavaScript製のオープンソース・ソフトウェア(MIT License)です。 Card — make your credit card better in one line of code jessepollak/card