Menu

• Standalone
• With Metadata Plugin
• Paste Feature
• Change on-the-fly
• The $.mask.string() Function
• Applied to a Readonly Input
• The Callbacks
• Signed Reverse Masks

Input with the 'msk' Mask

Msk:

standalone

Example form with defined masks

Credit Card: Time: Decimal number: Decimal number: (with diferent attr) Date:

meioMask paste feature demo

Example form for the paste feature

Phone example:

copy: 1234567890 and paste at the input

copy: (12) 3456-7890 and paste at the input

copy: 12abcdef34567890 and paste at the input

with metadata plugin

Example form with masks using metadata plugin

Mask '555-666': metadata overwrote the '(99) 666' mask set at alt attribute Mask '555-666': metadata overwrote the 'phone' mask set at alt attribute Mask '666-888':

change mask on-the-fly

Example form with the change-on-the-fly feature

Mask '(99) 666':

• Change mask to '***:***'
• Change mask to '(aaa) **-9999'
• unset the mask

mask string example

Example that shows the $.mask.string() function

Enter any input:

• Mask input value to '99/99/99'
• Mask input value to 'phone'
• Mask input value to {mask:'999.999,999',type:'reverse'}
• Mask input value to 'signed-decimal'

read-only inputs

Example that shows a readonly input working as it should (some plugins breaks this!)

Mask '999.999.999,99':

callbacks example

Example with a input and defined callbacks

Mask '99.99-99/99': Focus on Mask '99.99-99/99': Blur on Mask '99.99-99/99':

signed masks example

Example with signed masks ('-' and '+' keys will change they're signal)

Mask 'signed-decimal': Mask 'signed-decimal' with negative value at input: Mask '999.999,99', reverse, with defaultValue='-000' (this example uses the metadata plugin): type repeat:

repeat mask type example

Example with the repeat mask type