Imaskjs - vanilla javascript imput mask

Features

get and set value and unmasked value easily
no external dependencies
show placeholder always or only when needed
unmasked value can contain fixed parts
optional input parts (greedy)
RegExp mask
Functional mask
Number mask (integer and decimal support)
Date mask (with various format support)
Supports all major browsers and IE11+ *need older?

Further plans

jQuery/Angular/React/Vue plugin
on-the-fly/multimask
more unit tests
support RTL?

RegExp (Russian postal code) /^[1-6]\d{0,5}$/

source

var regExpMask = new IMask(
  document.getElementById('regexp-mask'),
  {
    mask: /^[1-6]\d{0,5}$/
  });
learn more

Pattern (Phone) +{7}(000)000-00-00

unmasked:

source

var phoneMask = new IMask(
  document.getElementById('phone-mask'), {
  mask: '+{7}(000)000-00-00'
});
learn more

Number in range [-10000, 10000]

number:

source

var numberMask = new IMask(
  document.getElementById('number-mask'),
  {
    mask: Number,
    min: -10000,
    max: 10000,
    thousandsSeparator: ' '
  });
learn more

Date 'dd.mm.yyyy' in range [01.01.2000, 01.01.2020]

date:

source

var dateMask = new IMask(
  document.getElementById('date-mask'),
  {
    mask: Date,
    min: new Date(2000, 0, 1),
    max: new Date(2020, 0, 1),
    placeholder: {lazy: false}
  });
learn more

Multimask phone or email

unmasked: soon

source

this is something interesting, yeah?