Description
Basic Usage Examples
Add a class in the form field.
- (‘span.date, input.date’).mask(’00/00/0000′);
- (‘span.time, input.time’).mask(’00:00:00′);
- (‘input.date_time’).mask(’00/00/0000 00:00:00′);
- (‘input.cep’).mask(‘00000-000’);
- (‘input.phone’).mask(‘(00) 0000-00009’);
- (‘input.phone_us’).mask(‘(000) 000-0000’);
- (‘input.mixed’).mask(‘AAA 000-S0S’);
- (‘input.cpf’).mask(‘000.000.000-00’);
- (‘input.cnpj’).mask(‘00.000.000/0000-00’);
- (‘input.money’).mask(‘000.000.000.000.000,00’);
- (‘input.money2’).mask(‘#.##0,00’);
- (‘input.ip_address’).mask(‘099.099.099.099’);
- (‘input.percent’).mask(‘##0,00%’);
Credits
Installation
Installing “Masks Form Fields” can be done either by searching for “Masks Form Fields” via the “Plugins > Add New” screen in your WordPress dashboard, or by using the following steps:
- Download the plugin via WordPress.org
- Upload the ZIP file through the ‘Plugins > Add New > Upload’ screen in your WordPress dashboard
- Activate the plugin through the ‘Plugins’ menu in WordPress
FAQ
- What is the plugin for?
-
This plugin to make masks on form fields and HTML elements.
Reviews
For a better UX
this little plugin definitely improves UX. And even with the small snippet, I used for improving readibility phone numbers for WooCommerce phone fields.
Thank you for this plugin.
Very good
Very good and easy
Excelente!
Muito fácil de usar e muito bem feito.
Works great!
Muito obrigado, Ivan 😀
Do not work
Hello
Thanks, for creating the plugin.
I put the code css (phone) for contact form 7.
Do not take it into account. Do not work
Help me
Thank you
Worked Perfectly!
Worked perfectly, thank you for writing this plugin so I didn't have to include jquery.mask.min.js manually! I used this for Contact Forms 7, and was very impressed.
If you have questions on how to integrate with Contact From 7 take a look at my post in the support thread of this plugin.
Thanks Dev, cheers
Contributors & Developers
“Masks Form Fields” is open source software. The following people have contributed to this plugin.
Contributors
Translate “Masks Form Fields” into your language.
Interested in development?
Browse the code, check out the SVN repository, or subscribe to the development log by RSS.
Changelog
1.3
- 2019-06-10
- Tested in WordPress 5.2
1.2
- 2017-11-20
- Tested in WordPress 4.9
1.1
- 2017-8-7
- Bug fix: remove date and time mask on body class.
- Add mask only span and input fields.
1.0
- 2016-11-3
- Initial release