I recently did some freelance work that required using masked forms on common field inputs: credit card information, phone numbers, dates, etc. To satisfy this request I used jQuery and meioMask – a jQuery plug-in.
First off, click here to view the working demo or click the image below:
To create a form similar to the demo above:
1. Visit the meioMask Website, the documentation and directions are straight-forward for setting up your form.
2. Apply CSS to style your forms.
3. Make your forms function with PHP.
4. Upload your forms to the web.
Resources:
meioMask Website - Read
jQuery – Needed in order for meioMask to function properly.
Need some help? I’m available for freelance work: please contact me!
Note: One thing I am noticing is there’s a delay when entering the date in the input field, not a major problem but could confuse some users.
