描述
Add a class in the form field.
Example of use with Contact Form 7:
[tel your-phone class:phone placeholder "Phone"]
Listing of classes available for use.
('span.start, input.start').mask('00/0000');
('span.date, input.date').mask('00/00/0000');
('span.time, input.time').mask('00:00:00');
('span.time2, input.time2').mask('00:00');
('input.date_time').mask('00/00/0000 00:00:00');
('input.date_time2').mask('00/00/0000 00:00');
('input.cep').mask('00000-000');
('input.zip').mask('00000');
('input.phone, input[name="phonebr"]').mask(PhoneMaskBehavior, nonoOptions);
('input.phone_us').mask('(000) 000-0000');
('input.taxid').mask('00-0000000');
('input.ssn').mask('000-00-0000');
('input.mixed').mask('AAA 000-S0S');
('input.cpf').mask('000.000.000-00', { reverse: true });
('input.cnpj').mask('00.000.000/0000-00', { reverse: true });
('input.money').mask('000.000.000.000.000,00', { reverse: true });
('input.money2').mask('#.##0,00', { reverse: true });
('input.money3').mask('#,##0.00', { reverse: true });
('input.money4').mask('000,000,000,000,000.00', { reverse: true });
('input.money5').mask('#.##0', { reverse: true });
('input.money6').mask('#,##0', { reverse: true });
('input.ip_address').mask('099.099.099.099');
('input.percent').mask('##0,00%', { reverse: true });
('input.percent2').mask('##0.00%', { reverse: true });
('input.percent3').mask('990,0%', { reverse: true });
('input.percent4').mask('990.0%', { reverse: true });
('input.percent5').mask('#,##0%', { reverse: true });
('input.percent6').mask('#.##0%', { reverse: true });
Click here for more details on how to add custom mask.
Optional
– Added option for the format of the Brazilian phone number, with attribute name
equal to phonebr
.
Credits
安装
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
常见问题
-
What is the plugin for?
-
This plugin to add masks in the form’s fields.
-
How to add custom mask?
-
Click here for more details on how to add custom mask.
评价
2024 年 1 月 27 日
Merci pour ce plugin. Top !
Pour les bricoleurs comme moi, pensez à ajouter la balise <?php au début de votre fichier /wp-content/themes/YOUR-THEME/functions.php 😉
2024 年 1 月 24 日
Good plugin and very quickly support) I’m like
2023 年 9 月 5 日
The only working plugin, with quality support
2022 年 10 月 14 日
Works good with cf7. Thank you!
It would be great to be able to see the fields to fill out. Like placeholder but visible all the time.
2022 年 8 月 2 日
WP 6.0.1
CF7 5.6.1
2022 年 5 月 26 日
Ate que enfim um plugin que realmente funciona!
贡献者及开发者
更新日志
1.11.2
- Convert line endings from CRLF to LF
- Tested in WordPress 6.7
1.11.1
- Fixed JS minification conflict: Added semicolon after JSON declaration in wp_add_inline_script. (commit#3529ce1)
- Added option for the format of the Brazilian phone number, with attribute ‘name’ equal to ‘phonebr’. (commit#9c14400)
1.10
- Replaced wp_localize_script with wp_add_inline_script. (commit#6f6dc2d)
- Updated minimum WordPress version requirement from 3.9 to 4.5.
- Tested in WordPress 6.5
1.9
- Fixed conflict with another library.
- Tested in WordPress 5.9
1.8
- Added five new mask formats. (date_time2, money5, money6, percent5, percent6)
- Updated readme with usage example.
1.7
- Added new mask formats. (start, time2, zip, taxid, ssn, money3, money4, percent2, percent3, percent4)
1.6
- Tested in WordPress 5.8
1.5
- Fixed the incorrect value in the localize script.
- Tested in WordPress 5.7
1.4
- Updated Readme description
- Updated jQuery Mask library
- Tested in WordPress 5.5
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