Masked inputs for using without React

Project on github

A vanilla component for creating formatted inputs. In case you don't use react. If you use react, try main project: https://github.com/xnimorz/masked-input

Input with invisible mask:


import PlainMaskInput from '../src/MaskInput';

const MaskInput = new PlainMaskInput(document.querySelector('.js-input'), {
  mask: '0000-0000-0000-0000',
});

Input with mask (Credit card):


  import PlainMaskInput from '../src/MaskInput';
  
  const MaskInput = new PlainMaskInput(document.querySelector('.js-input-mask'), {
    mask: '0000-0000-0000-0000',
    alwaysShowMask: true,
    maskChar='_'   
  });

Also, you can use this mask input to fill phone numbers, dates, birthdays, time etc. This project support all params that support main project: https://xnimorz.github.io/masked-input/

Tested:

IOS Safari 11
Google Chrome
Safari
Mozilla Firefox

Not Tested:

IE, EDGE, Mobile IE
Android Browser
Mobile Chrome