Best jQuery Mask Plugins & Tutorials with Demo

    Ax5ui : jQuery based Bootstrap UI Plugins

    Ax5ui : jQuery based Bootstrap UI Plugins

    “ax5core” is a collection of utility functions that have been designed for use in ax5ui. It was designed to the utility to act as a minimum code. So it can be considered to be simple compared to other utilities.

    jQuery Mask Plugin for Form Fields

    jQuery Mask Plugin for Form Fields

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

    • 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.
    • HTML5 placeholder support.

    Smart Forms with jQuery Html5 & CSS3

    Smart Forms with jQuery Html5 & CSS3

    Smart Forms is a responsive professional Form Framework / pack with a clean consistent Form UI. The framework includes a variety of form Widgets such as Datepickers, Timepickers, Monthpickers, Colorpickers, Numeric Steppers, UI Sliders, Google maps, toggle switches validation, masking among other features.

    Features:

    • Multiple form inputs
    • File inputs / uploaders
    • CSS3 checkboxes + Radios
    • CSS3 toggle switches
    • CSS3 review & rating
    • Tooltips + vector icons
    • Notification alerts
    • CSS3 multi shape buttons
    • Animated progress bars
    • Simple pricing tables
    • Ajax form processing
    • Input masking
    • PHP CAPTCHA with refresh support
    • 40+ starter templates included
    • Date & time picker widgets

    MaskMoney : jQuery plugin to Masks to your Currency Form Fields

    MaskMoney : jQuery plugin to Masks to your Currency Form Fields

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

    jQuery Masked Input Plugin

    jQuery Masked Input Plugin

    This is a masked input plugin for the jQuery javascript library. It allows a user to more easily enter fixed width input where you would like them to enter the data in a certain format (dates,phone numbers, etc). It has been tested on Internet Explorer, Firefox, Safari, Opera, and Chrome. A mask is defined by a format made up of mask literals and mask definitions. Any character not in the definitions list below is considered a mask literal. Mask literals will be automatically entered for the user as they type and will not be able to be removed by the user.The following mask definitions are predefined:

    • a – Represents an alpha character (A-Z,a-z)
    • 9 – Represents a numeric character (0-9)
    • * – Represents an alphanumeric character (A-Z,a-z,0-9)

    jQuery Hide/show password plugin

    jQuery Hide/show password plugin

    It’s easy to take the “masking” of passwords (replacing characters with ••••) for granted.This plugin lets you easily hide and reveal the contents of a password input field. It’s based on a mobile design pattern documented in this post by Luke Wroblewski.

    The plugin will not assume that touch is supported unless you tell it by specifying a value for the touchSupport option.

    jQuery MeioMask : A jQuery plugin for Masking Text inputs

    jQuery MeioMask : A jQuery plugin for Masking Text inputs

    A jquery plugin for creating masked input texts.

    Features:

    • Accepts paste event;
    • Has fixed and reverse mask types ( allow number mask );
    • You can still use your hotkeys and others (ex: ctrl+t, ctrl+f5, TAB …);
    • Supports metadata plugin;
    • Works with iPhone;
    • Allow default values;
    • Has callbacks for invalid inputs, valid and overflow;
    • Has function to mask strings;
    • And much more!

    igorescobar : jQuery Mask Plugin

    igorescobar : jQuery Mask Plugin

    A jQuery plugin to make field masks.Features :

    • String/Numeric/Alpha/Mixed masks.
    • Reverse Mask.
    • Data type validation.
    • Automatic maxlength.
    • Live event’s for ajax/realtime apps.
    • Callbacks.
    • On-the-fly mask change.