A js mask simple like killing zombies =).
Install it from npm using npm install --save tinymask
var TinyMask = require('tinymask')
var maskInstance = TinyMask('9999-9999');
var result = maskInstance.mask('12345678');
console.log(result); //1234-5678
By default, we use this translation:
9
-> Accept numbersA
-> Accept alphaS
-> Accept alphanumerics*
-> Accept all
You can pass options for the mask. We use the defaults:
var maskInstance = TinyMask('9999-9999', {
translation: {
'9': function (val) {
return val.replace(/[^0-9]+/g, '');
},
'A': function (val) {
return val.replace(/[^a-zA-Z]+/g, '');
},
'S': function (val) {
return val.replace(/[^a-zA-Z0-9]+/g, '');
},
'*': function (val) {
return val;
}
},
invalidValues: [null, undefined, '']
});
translation (Object | optional)
You can add or override any of the translation keys. Ex:
var maskInstance = TinyMask('9999-9999', {
translation: {
// in this case, we add new # translation that allow
// blank spaces.
'#': function (val) {
if (val === ' ') {
return val;
}
return null;
},
// here we override the * translation to accept only
// some characters instead all characters.
'*': function (val) {
if (['*', '!', '?'].indexOf(val) >= 0) {
return val;
}
return null;
}
}
});
invalidValues (Array | optional)
You can set ignored value. If any translation result on one of this values, that will be ignored.
var maskInstance = TinyMask('9999-9999', {
// in this case, all null, undefined, empty string or blanck spaces returned from translation will be ignored.
invalidValues: [null, undefined, '', ' ']
});
- Fixing editing after complete mask.
- Fixing fixed masks.
- Releasing the first version of the mask.