Tiny Input Mask Library – Supermask.js

Preview:

Description:

Supermask.js is a pure JavaScript input mask library for formatting and restricting values typed in a text field.

How to use it:

1. Download and insert the main JavaScript index.js into the HTML file.

<script src="index.js"></script>

2. Apply masks to your input fields with the CSS class of maskField. In this example, we’re going to create a US phone number input.

<input mask="(999) 999–9999" class="maskField">

3. Set the maximum number that can be entered. 5 means that any number larger than 5 is not allowed.

<input mask="(555) 555–555" class="maskField">

4. The library also supports letters.

<input mask="aAaAaA" class="maskField">

5. Alphanumeric letters are supported as well.

<input mask="0-A" class="maskField">

Changelog:

07/07/2020

• Enhancing mask enforcement and pasting

01/14/2020

• Allows dynamic mask change

12/23/2019

• JS Updated