🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

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!

Forms Plugins

Documentation

Warning: Unmaintained project

If you are interested on maintaining the project feel encouraged to message me so I can give you some instructions and most importantly, admin access.

Build Status Code Climate

jQuery MeioMask

jQuery MeioMask - a jquery plugin for masking text inputs.

Maintainer

http://github.com/johnvoloski

CDN

See http://cdnjs.com/libraries/jquery.meiomask.

Install via Bower

  • Latest version: $ bower install jquery-meiomask
  • Install specific version: $ bower install jquery-meiomask#~1.1.14
  • Or put in bower.json:
    "jquery-meiomask": "~1.1.14"
    $ bower install
  • Include script within HTML: <script src="bower_components/jquery-meiomask/dist/meiomask.js" type="text/javascript"></script>
    or
    <script src="bower_components/jquery-meiomask/dist/meiomask.min.js" type="text/javascript"></script>

Install via Rails

See meiomask-rails gem.

Dependencies

The only dependency is jQuery itself.

How to use

<html>   <head>     <script src="jquery-1.10.2.js"></script>     <script src="meiomask.min.js"></script>   </head>    <body>     <form>       <label for="time">Time Mask:</label>       <input type="text" id="time" name="time" data-mask="time" />     </form>      <script>       $('input[data-mask]').each(function() {         var input = $(this);         input.setMask(input.data('mask'));       });     </script>   </body> </html>

You May Also Like