Masks Form Fields

Omschrijving

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

Installatie

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.

Beoordelingen

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

Bijdragers & ontwikkelaars

“Masks Form Fields” is open source software. De volgende personen hebben bijgedragen aan deze plugin.

Bijdragers

“Masks Form Fields” is vertaald in 1 taal. Dank voor de vertalers voor hun bijdragen.

Vertaal “Masks Form Fields” naar jouw taal.

Interesse in ontwikkeling?

Bekijk de code, haal de SVN repository op, of abonneer je op het ontwikkellog via 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