Masks Form Fields

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

jQuery Mask Plugin

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:

  1. Download the plugin via WordPress.org
  2. Upload the ZIP file through the ‘Plugins > Add New > Upload’ screen in your WordPress dashboard
  3. 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

November 29, 2018
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.
October 20, 2017
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
October 10, 2017
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
Read all 10 reviews

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