cleave.js

Input text content formatter.

Cleave.js has a simple purpose: to help you format input text content automatically.

Provides these features:

• Credit card number formatting

• Phone number formatting (i18n js lib separated for each country to reduce size)

• Date formatting

• Numeral formatting

• Custom delimiter, prefix and blocks pattern

• CommonJS / AMD mode

• ReactJS component port

Get it: npm install --save cleave.js

Sample usage:

1

<input class="input-phone" type="text"/>

`

1
2
3
4
5
6
7

var Cleave = require('cleave.js');
require('cleave.js/dist/addons/cleave-phone.{country}');

var cleave = new Cleave('.input-phone', {
    phone:      true,
    regionCode: '{country}'
});

GIF FTW!