meioMask 1.1.3 is out! sorry for this little interval between the versions but the last one would break on IE on a certain situation, explained below on the changelog.

Everyone that has 1.1.2 working ok is hardly encouraged to change to 1.1.3.

meioMask for jQuery

meioMask for Mootools!

meioMask’s page at jquery.com

meioMask’s Git project page

Features

• Accepts paste event;
• Has fixed, reverse (currency) and repeat mask types;
• You can still use your hot keys 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;
• Support for positive and negative numbers on reverse masks;
• Can auto-focus the next form element when the current input is completely filled.

Changelog

v1.1.3

• a minor bug on _keyPressReverse that may break 1.1.2 on ie when a char is typed in a text input that had its content selected by any range;
• FIxed the onchange event on ie in masks that have type fixed.

v1.1.2

• Set defaultValue property of the input. This fixes the behavior of the reset button on forms. Now the value will be reseted to the masked value;
• âêô were added to the ‘@’ rule;
• Fix for the auto-tab feature, it now focus just on visible form elements;
• Added setSize option. It sets the input size based on the length of the mask (work with fixed and reverse masks only).

v1.1.1

• Fixed caret bug on ‘repeat’ masks;
• Fixed keyup event on fixed masks, it is now firing propertly;
• Added selectCharsOnFocus option;
• Added textAlign option.

v1.1

• Mask type ‘infinite’ is now called ‘repeat’ (using ‘infinite’ still works but it is deprecated). It now allows a maxLenght value to be set. MaxLength can be set by the maxLength attribute of the element or the maxLength option;
• You can easily set an autoTab option that will focus the next form element when the masked input is totally filled. It is true by default but you can put a jQuery selector string to match the next element you want to be focused.
• Deprecated ‘unmaskVal’ function. This function is too buggy… works for most cases but not all. The best way to unmask a value is by doing it yourself;
• The fixedChars option is not global anymore, giving more flexibility for the masks;
• ‘phone-us’ mask is now ‘(999) 999-9999′;
• Correctly fires the onChange event on reverse masked inputs.

You can see the plugin page here. It contains documentation and examples. Please tell me any bug, new feature, english errors on documentation…. anything! I’ll be glad to hear your feedback and make the fixes. Hope it helps you!

meioMask 1.1.2 is out! It basically adds some sugar to the 1.1.1 version. See the changelog on this post for more info.

Added 1 new options:

• setSize (default=false): sets the input size based on the length of the mask (work with fixed and reverse masks only).

Everyone that has 1.1.1 working ok is encouraged to change to 1.1.2.

meioMask for jQuery

meioMask for Mootools!

meioMask’s page at jquery.com

meioMask’s Git project page

Features

• Accepts paste event;
• Haves fixed, reverse (currency) and repeat mask types;
• You can still use your hot keys and others (ex: ctrl+t, ctrl+f5, TAB …);
• Supports metadata plugin;
• Works with iPhone;
• Allow default values;
• Haves callbacks for invalid inputs, valid and overflow;
• Haves function to mask strings;
• Support for positive and negative numbers on reverse masks;
• Can auto-focus the next form element when the current input is completely filled.

Changelog

v1.1.2

• Set defaultValue property of the input. This fixes the behavior of the reset button on forms. Now the value will be reseted to the masked value;
• âêô were added to the ‘@’ rule;
• Fix for the auto-tab feature, it now focus just on visible form elements;
• Added setSize option. It sets the input size based on the length of the mask (work with fixed and reverse masks only).

v1.1.1

• Fixed caret bug on ‘repeat’ masks;
• Fixed keyup event on fixed masks, it is now firing propertly;
• Added selectCharsOnFocus option;
• Added textAlign option.

v1.1

• Mask type ‘infinite’ is now called ‘repeat’ (using ‘infinite’ still works but it is deprecated). It now allows a maxLenght value to be set. MaxLength can be set by the maxLength attribute of the element or the maxLength option;
• You can easily set an autoTab option that will focus the next form element when the masked input is totally filled. It is true by default but you can put a jQuery selector string to match the next element you want to be focused.
• Deprecated ‘unmaskVal’ function. This function is too buggy… works for most cases but not all. The best way to unmask a value is by doing it yourself;
• The fixedChars option is not global anymore, giving more flexibility for the masks;
• ‘phone-us’ mask is now ‘(999) 999-9999′;
• Correctly fires the onChange event on reverse masked inputs.

You can see the plugin page here. It contains documentation and examples. Please tell me any bug, new feature, english errors on documentation…. anything! I’ll be glad to hear your feedback and make the fixes. Hope it helps you!

I present you meioMask 1.1 – a jQuery plugin for masking inputs.

meioMask for jQuery meioMask for Mootools! meioMask’s page at jquery.com meioMask’s SVN project page meioMask’s SVN

Features

• Accepts paste event;
• Haves fixed, reverse (currency) and repeat mask types;
• You can still use your hot keys and others (ex: ctrl+t, ctrl+f5, TAB …);
• Supports metadata plugin;
• Works with iPhone;
• Allow default values;
• Haves callbacks for invalid inputs, valid and overflow;
• Haves function to mask strings;
• Support for positive and negative numbers on reverse masks;
• Can auto-focus the next form element when the current input is completely filled.

Changelog

v1.1

• Mask type ‘infinite’ is now called ‘repeat’ (using ‘infinite’ still works but it is deprecated). It now allows a maxLenght value to be set. MaxLength can be set by the maxLength attribute of the element or the maxLength option;
• You can easily set an autoTab option that will focus the next form element when the masked input is totally filled. It is true by default but you can put a jQuery selector string to match the next element you want to be focused.
• Deprecated ‘unmaskVal’ function. This function is too buggy… works for most cases but not all. The best way to unmask a value is by doing it yourself;
• The fixedChars option is not global anymore, giving more flexibility for the masks;
• ‘phone-us’ mask is now ‘(999) 999-9999′;
• Correctly fires the onChange event on reverse masked inputs.

v1.0.4

• New mask type ‘infinite’, it allows infinite values at masks. See demos for a better understanding;
• Added new function ‘unmaskVal’ that returns the input value without the mask. See demos for a better understanding;
• Removed a serious bug at IE that was fixing the caret at the end of the input;

v1.0.3

• Callback functions now receive the char number as it second parameter, so it is possible to detect exactly which key has been pressed;
• added the signed masks. It only works with the reverse mask. See demos for more details;
• iPhone support improved. iPhone now works 100% better than the 1.0.2 version. I’ts logic have been changed, and now it’s working with full features.

v1.0.2

• added input callbacks: onInvalid, onValid and onOverflow;
• added support for default values;
• can now be used like $().setMask({});
• added the function $.mask.string(string,mask) that will mask a string (see demos);
• now the value of the input is masked at the time the mask is applyed to it.

v1.0.1

• added support for iphone;
• removed a bug where a fixed char would be replaced by an inputed one.

v1.0

• initial release.

You can see the plugin page here. It contains documentation and examples. Please tell me any bug, new feature, english errors on documentation…. anything! I’ll be glad to hear your feedback and make the fixes. Hope it helps you!

I present you meioMask 1.0.4 – a jQuery plugin for masking inputs.

meioMask for Mootools! meioMask’s page at jquery.com meioMask’s SVN project page meioMask’s SVN

Features

• Accepts paste event;
• Haves fixed and reverse mask types ( allow number mask );
• You can still use your hot keys and others (ex: ctrl+t, ctrl+f5, TAB …);
• Supports metadata plugin;
• Works with iPhone;
• Allow default values;
• Haves callbacks for invalid inputs, valid and overflow;
• Haves function to mask strings;
• Support for positive and negative numbers on reverse masks.

Changelog

v1.0.4

• New mask type ‘infinite’, it allows infinite values at masks. See demos for a better understanding;
• Added new function ‘unmaskVal’ that returns the input value without the mask. See demos for a better understanding;
• Removed a serious bug at IE that was fixing the caret at the end of the input;

v1.0.3

• Callback functions now receive the char number as it second parameter, so it is possible to detect exactly which key has been pressed;
• added the signed masks. It only works with the reverse mask. See demos for more details;
• iPhone support improved. iPhone now works 100% better than the 1.0.2 version. I’ts logic have been changed, and now it’s working with full features.

v1.0.2

• added input callbacks: onInvalid, onValid and onOverflow;
• added support for default values;
• can now be used like $().setMask({});
• added the function $.mask.string(string,mask) that will mask a string (see demos);
• now the value of the input is masked at the time the mask is applyed to it.

v1.0.1

• added support for iphone;
• removed a bug where a fixed char would be replaced by an inputed one.

v1.0

• initial release.

You can see the plugin page here. It contains documentation and examples. Please tell me any bug, new feature, english errors on documentation…. anything! I’ll be glad to hear your feedback and make the fixes. Hope it helps you!

I present you meioMask 1.0.3 – a jQuery plugin for masking inputs.

Plugin page jQuery meioMask plugin page

I’m going to centralize all the comments at the page of the project, so i’m not allowing comments here but you are free and motivated to comment at the meioMask’s project page

Features

• Accepts paste event;
• Haves fixed and reverse mask types ( allow number mask );
• You can still use your hot keys and others (ex: ctrl+t, ctrl+f5, TAB …);
• Supports metadata plugin;
• Works with iPhone;
• Allow default values;
• Haves callbacks for invalid inputs, valid and overflow;
• Haves function to mask strings;
• Support for positive and negative numbers on reverse masks.

Changelog

v1.0.3

• Callback functions now receive the char number as it second parameter, so it is possible to detect exactly which key has been pressed;
• added the signed masks. It only works with the reverse mask. See demos for more details;
• iPhone support improved. iPhone now works 100% better than the 1.0.2 version. I’ts logic have been changed, and now it’s working with full features.

v1.0.2

• added input callbacks: onInvalid, onValid and onOverflow;
• added support for default values;
• can now be used like $().setMask({});
• added the function $.mask.string(string,mask) that will mask a string (see demos);
• now the value of the input is masked at the time the mask is applyed to it.

v1.0.1

• added support for iphone;
• removed a bug where a fixed char would be replaced by an inputed one.

v1.0

• initial release.

TODO

• Add auto-tab options, so the focus will change to the next input of the form when the user input size is equal to the size of the mask;
• Your suggestion here.

You can see the plugin page here. It contains documentation and examples. Please tell me any bug, new feature, english errors on documentation…. anything! I’ll be glad to hear your feedback and make the fixes. Hope it helps you!

I present you meioMask 1.0.2 – a jQuery plugin for masking inputs.

Plugin page

I’m going to centralize all the comments at the page of the project, so i’m not allowing comments here but you are free and motivated to comment at the meioMask’s project page.

Plugin official page

Features

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

Changelog

v1.0.2

• added input callbacks: onInvalid, onValid and onOverflow;
• added support for default values;
• can now be used like $().setMask({});
• added the function $.mask.string(string,mask) that will mask a string (see demos);
• now the value of the input is masked at the time the mask is applyed to it.

v1.0.1

• added support for iphone;
• removed a bug where a fixed char would be replaced by an inputed one.

v1.0

• initial release.

Some bugs have been fixed too. I’m making a TODO list and i’m really open to add features you guys want.

You can see the plugin page here. It contains documentation and examples. Please tell me any bug, new feature, english errors on documentation…. anything! I’ll be glad to hear your feedback and make the fixes. Hope it helps you!

I present you meioMask – a jQuery plugin for masking inputs.

Plugin page

Plugin official page

I’ve centralized all the comments at the page of the project, so i’m not allowing comments here but you are free and motivated to comment at the meioMask’s project page.

I was looking for a good masking plugin to use with jQuery or maybe Mootools but haven’t found one that can do what i wanted it to do. I mean like being cross-browser, accept paste event (very important!), have a money mask, like the bank ones…Well here are some of the meioMask’s features:

• Accepts paste event;*
• Haves fixed and reverse mask types ( allow number mask );
• Input focus isn’t lost (if the input is smaller than the mask, focus will follow the caret);**
• You can still use your hot keys and others (ex: ctrl+t, ctrl+f5, TAB …);
• Supports metadata plugin;

* Safari on mac isn’t supported. Paste event for some reason isn’t fired on command+v (right-click paste works). On Mac Firefox it work’s ok.

** Firefox 2 and before aren’t supported.

You can see the plugin page here. It contains documentation and examples. I’ll be making a “projects” page here soon to add the plugins i made.Please tell me any bug, new feature, english errors on documentation…. anything! I’ll be glad to hear your feedback and make the fixes.Hope it helps you!