A JQuery phone input mask for HTML
At the moment the mask only support phones from:
- United States
- México
- Dominican Republic
We'll be adding more countries in the future. If you want your country to be available now, just let us a message at contacto@engranaje.me
To include Maskie into your project you just need to include the Maskie.js file inside dist folder, and include the mask.html file into your form, or just copy the mask.html content into your form. It's important to use the content inside the mask as it is, because the code will only work with it's properties.
We added the mask inside a div with class d-flex, so if you want both select and input to be together, just apply a display: flex style.
This project works wih JQuery, so your need to include it first.
To configure the mask you just need:
- Change the input type phone's data-country value to your country three digit's ISO code.
- Add the required name and id attributes to the inputs and select if you want to retrieve the data separately or to apply styles.
- Add any other wanted propertied, like required, if wanted.
- Catch the value of the hidden input named planephone, because that's the input with the full phone without special characters. Or just concatenate Both values of the select and the phone input.
- Engranaje's team
This project is licensed under the MIT License - see the LICENSE.md file for details
If you think this is useful and you want to help us develop more widgets, help us stay awake by buying us a cup of tea :)
