Post thumbnail: 12 jQuery Input Mask Plugins

12 jQuery Input Mask Plugins

Collection of free jQuery input mask plugins. Input mask for date, hour, ZIP code, money, IP adress, telephone, CPF and other.

Demo image: jQuery Mask Plugin
Made by
  • Igor Escobar
Github activity
  • 2943 stars
  • 148 watchers
About the plugin

jQuery Mask Plugin

A jQuery Plugin to make masks on form fields and HTML elements.

Features
  • lightweight (~2kb minified, ~1kb gziped)
  • built-in support for dynamically added elements
  • masks on any HTML element (no need to server-side mask anymore!)
  • HTML notation support (data-mask, data-mask-recursive, data-mask-clearifnotmatch)
  • string/Numeric/Alpha/Mixed masks
  • reverse mask support for masks on numeric fields
  • sanitization
  • optional digits
  • recursive Digits
  • fallback Digits
  • advanced mask initialization
  • advanced Callbacks
  • on-the-fly mask change
  • mask removal
  • full customization
  • compatibility with React/UMD/Zepto.js/Angular.JS
  • HTML5 placeholder support
  • Clear the field if it not matches support
Demo image: jQuery maskMoney
Made by
  • Diego Plentz
Github activity
  • 760 stars
  • 53 watchers
About the plugin

jQuery maskMoney

jQuery plugin to mask data entry in the input text in the form of money (currency).

Demo image: jQuery Mask Input
Made by
  • Shaun Grady
Github activity
  • 20 stars
  • 3 watchers
About the plugin

jQuery Mask Input

A jQuery plugin for applying a mask to an input (e.g., phone numbers, dates, et cetera).

Demo image: Decimal Mask
Made by
  • Stéfano Stypulkowski Zanata
Github activity
  • 15 stars
  • 3 watchers
About the plugin

Decimal Mask

This plugin just provides a decimal mask to an HTML input. It treats only the decimal separator, it can't handle thousand separators. It can apply the separator in the value given by the backend on web apps. The separator supported are the "," or ".".

Demo image: MaskerJS
Made by
  • Michaelangelo Jong
Github activity
  • 8 stars
  • 1 watchers
About the plugin

MaskerJS

A simple JavaScript (jQueyr) library for masking HTML input fields.

Demo image: Datable.js
Made by
  • invot
Github activity
  • 2 stars
  • 2 watchers
About the plugin

Datable.js

Datable.js is a lightweight, customizable, bootstraps-friendly jQuery plugin to properly format dates in inputs and verify that the date is valid.

Demo image: jQuery Inputcloak
Made by
  • Philip Ermish
Github activity
  • 1 stars
  • 2 watchers
About the plugin

jQuery Inputcloak

A simple plugin that cloaks/masks an input, similar to a password box.

Demo image: iPv4 Input
Made by
  • Hung-Hsun Ku
Github activity
  • 1 stars
  • 1 watchers
About the plugin

iPv4 Input

A jQuery plug-in that similar to windows IP input's style and behavior.

Demo image: jQuery Mask As Number
Made by
  • André Tissot
Github activity
  • 1 stars
  • 1 watchers
About the plugin

jQuery Mask As Number

Simple mask jquery extension that ensures valid integer numbers in text inputs.

Demo image: jQuery Simple Mask
Made by
  • DevUtils
Github activity
  • 1 stars
  • 1 watchers
About the plugin

jQuery Simple Mask

Simple and fast number input masks.

Demo image: jQuery Masked Input
Made by
  • Daniel Cohen Gindi
Github activity
  • 0 stars
  • 1 watchers
About the plugin

jQuery Masked Input

A jQuery masked input control.

Features
  • support numeric parts, text, and predefined options
  • allows control (both css and js) on individual parts of the field
  • custom validators
  • many options
Demo image: Tabinput
Made by
  • Brian Egizi
Github activity
  • 0 stars
  • 0 watchers
About the plugin

Tabinput

jQuery plugin for a tabbable input mask.

Back to top