cleave.js demo

cleave.js demo

HTML

<script src="https://nosir.github.io/cleave.js/dist/cleave.min.js"></script>
<script src="https://nosir.github.io/cleave.js/dist/cleave-phone.i18n.js"></script>
<input name="cc-number" />

JavaScript

// 第一引数に適用対象のセレクターを用意
new Cleave('input[name="cc-number"]', {
  creditCard: true,// このオプション内でどの区切りを使うか定義
});