[Input Masks Mobile] How to Create Custom Masking

Forge Component
Published on 2017-11-15 by Labs
8 votes
Published on 2017-11-15 by Labs

Hi, I want to create a custom masking,

Where I need to add a  '-' i.e dash after every 4 characters.

And the Input will be of max 12 alphanumeric characters.

Hi Assif, 

The groupseparator can be used for the "-". 

Apart from that I modified the creditcard mask script 

Steps 1) Find and replace 16 with 12 (the number of digits you want). 

           Updated the MaxLength Attribute of MaskedInput to 

12 + (Length(GroupSeparator) * 2)

Step 2) Change the regex from digits to alphanumeric in InputMasks.js for the creditcard mask.

Hope it helps. The regex part is not complete.But I am sure you can figure it out.



Thanks Amal Raj,

Appreciate your Kind Assist.

for the time being, I have created a custom Input to achieve the same behavior.

I'll try this with your approach & comeback :)