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

jQuery iMask Plugin is a jQuery input masking plugin.Following features :Static MaskingMask numbers, lettersCustomize list of valid numbers & lettersSpecial symbols are displayed but un-selectableOptionally only show the mask while user is enteringNumeric MaskingControl currency symbol, decimal & thousands seperator, # of digitsEventsonValidonInvalid

Forms Plugins

Documentation

jQuery iMask Plugin

A jQuery input masking plugin.

Including

Include either jquery-imask.js or jquery-imask-min.js from the dist directory

Demos

http://zyklus.github.com/jQuery-iMask/

Example

$('#input').iMask({     type : 'number' });  $('#input').iMask({       type : 'fixed'     , mask : '99/99/99' })

Options

type             (number|fixed) mask             Mask using 9,a,x notation.  9=Numeric; a=Alpha; x=AlphaNumeric maskEmptyChr     [ Default = ' ' ] validNumbers     [ Default = '1234567890' ] validAlphas      [ Default = 'abcdefghijklmnopqrstuvwxyz' ] validAlphaNums   [ Default = 'abcdefghijklmnopqrstuvwxyz1234567890' ] groupDigits      [ Default = 3 ]  # of digits before a numeric seperator ( e.g. "3" yields 1,000,000 ) decDigits        [ Default = 2 ]  # of digits to show after decimal place currencySymbol groupSymbol      [ Default = ',' ] decSymbol        [ Default = '.' ] showMask         [ Default = true ]  Show mask while editing stripMask        [ Default = false ] Remove mask when done editing sanity           Provide a function that acts as a sanity check.                  return `false` to prevent the keypress, return any other value to replace the pre-masked input value.  number           Override options for when validating numbers only number.stripMask [ Default = false ] number.showMask  [ Default = false ] 

Events

onValid onInvalid 

Features

  • Static Masking
    • Mask numbers, letters
    • Customize list of valid numbers & letters
    • Special symbols are displayed but un-selectable
    • Optionally only show the mask while user is entering
  • Numeric Masking
    • Control currency symbol, decimal & thousands seperator, # of digits
  • Events
    • onValid
    • onInvalid

Browser Compatibility

iMask is tested in Chrome, Firefox, Safari & IE. It should work in any browser. If there are any issues, please report them.

The core code for the iMask plugin was originally created for MooTools by Fabio Zendhi Nagao (http://zendold.lojcomm.com.br/imask/)


You May Also Like