Javascriptでクレジットカードの入力を整形する

@iwasaki 33views 更新:2016年7月25日

Javascriptでクレジットカードの入力をフォーマットする際には

formatter.jsが便利です。

使い方は簡単で以下のように使います。

new Formatter(document.getElementById('credit-input'), {
  'pattern': '{{9999}} {{9999}} {{9999}} {{9999}}'
});
<input class="text" id="credit-input" name="card_number" placeholder="1234 5678 0912 3456" type="text" maxlength="19" pattern="[0-9]*" size="19">

http://firstopinion.github.io/formatter.js/

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません