@pivsemdmi/phone-mask-js

phone-mask-js

Simple phone mask for Phone

Features

• Simple use
• Global override options
• Correcting caret position
• Trimming [87] numbers in beginning of unmasked phone number when overflowed

For example:

[phone] -> [phone]

[phone] -> [phone]

Include it

After installing with npm, you could possibly do from index.html:

<script src="./node_modules/@pivsemdmi/phone-mask-js/phone-mask.js"></script>

Use with webpack

const PhoneMask = require('@pivsemdmi/phone-mask-js');

How to use

new PhoneMask('#phone');
new PhoneMask('#phone', options);

Options

Name	Type	Default	Description
blurMask	boolean	true	Hide mask when empty value and blur
trimUnmask	boolean	true	Triming mask. See demo Trimming
trimMask	boolean	false	Triming unmaskee phone number. See demo example in features
mask	string	+7 (___) ___-__-__	Em-m... This is mask =D
softCaret	string	_	Caret from mask option
caret	string	_	Caret show for user. Support two and more char. Not support numbers

Destroy mask

For destroy mask, call phoneMask.destroy() method

Override global options

Call PhoneMask.Options.override(options) with new options

For flush call PhoneMask.Options.flush()

Default params available in PhoneMaskOptions class

For example:

// Override
PhoneMask.Options.override({
    'caret': 'x',
});

new PhoneMask('#phone');

// Flush
PhoneMask.Options.flush();
// or
PhoneMask.Options.override(new PhoneMaskOptions());

---

Also see DEMO index.html