Masks Form Fields

Deskripsi

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

Pemasangan

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

PSD (FAQ)

What is the plugin for?

This plugin to make masks on form fields and HTML elements.

Tinjauan

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.
Baca semua 11 tinjauan

Kontributor & Pengembang

“Masks Form Fields” adalah perangkat lunak sumber terbuka. Berikut ini mereka yang sudah berkontribusi pada plugin ini.

Para Kontributor

Log Perubahan

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