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

June 30, 2020
Works nice. By the way, I changed the "class" to "id" requirements for get the info and transform. None conflict
June 17, 2020
Works great with Gravity Forms. I needed to add a CC mask to authorize.net and this plugin works great!
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.
Read all 11 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