A Vanilla JS Masked Input Library Plugin

Input Masks is a native vanilla JavaScript library for masking input fields with custom mask formats, placeholders, and callbacks.

input mask example, jquery input mask example, html input mask, input mask javascript, input mask open source projects on github

Simple jQuery Plugin for Inputting Special Characters | specialinput.js

How to make use of it:

Simply include the basic JavaScript file on the web page.

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

JavaScript hides a specific input field.

inputMask(document.getElementById('test_field'), {

  /**
   * mask
   *
   * Defines the format of the mask.
   * Built-in identifiers:
   *   #: [0-9]
   *   a: [A-Za-z]
   */

  mask: '###-##-####',

  /**
   * placeholder
   *
   * A value to be displayed when the
   * field is in focus. Defaults to the
   * mask string.
   */

  placeholder: '___-__-____',

  /**
   * onMatch
   *
   * A function to be run on blur if the
   * input value matches the mask.
   *
   * @param {String} The passing string
   */

  onMatch: function(value) {
    console.log('Value ' + value + ' matches the input mask.');
  },

  /**
   * onFail
   *
   * A function to be run on blur if the
   * input value does not match the mask.
   */

  onFail: function() {
    console.log('No match was found for that value.');
  },

  /**
   * clearOnFail
   *
   * When true, the input field will have its
   * value cleared on blur if the value does
   * not match the mask. Defaults to true.
   */

  clearOnFail: false

});

Minimalist Input Mask Library Plugin/Github