O plugin Masks Form Fields, projetado para adicionar máscaras a campos de formulários no WordPress, foi destacado no Cybernews.com como um dos melhores plugins para WordPress!
Cybernews.com é um recurso de tecnologia online e segurança cibernética, que traz as últimas notícias e oferece conselhos ao consumidor. Com histórias sobre os últimos ataques hackers, listas dos melhores softwares antivírus, entrevistas e muito mais.
Add a class in the form field.
<input type=”tel” name=”your-phone” class=”phone“ />
Contact Form 7: [tel your-phone class:phone placeholder “Phone”]
(‘span.start, input.start’).mff_mask(’00/0000′);
(‘span.date, input.date’).mff_mask(’00/00/0000′);
(‘span.time, input.time’).mff_mask(’00:00:00′);
(‘span.time2, input.time2′).mff_mask(’00:00’);
(‘input.date_time’).mff_mask(’00/00/0000 00:00:00′);
(‘input.date_time2′).mff_mask(’00/00/0000 00:00’);
(‘input.cep’).mff_mask(‘00000-000’, { clearIfNotMatch: true });
(‘input.zip’).mff_mask(‘00000’);
(‘input.phone, input[name=”phonebr”]’).mff_mask(PhoneMaskBehavior, nonoOptions);
(‘input.phone_us’).mff_mask(‘(000) 000-0000’);
(‘input.taxid’).mff_mask(’00-0000000′);
(‘input.ssn’).mff_mask(‘000-00-0000’);
(‘input.mixed’).mff_mask(‘AAA 000-S0S’);
(‘input.cpf’).mff_mask(‘000.000.000-00’, { reverse: true, clearIfNotMatch: true });
(‘input.cnpj’).mff_mask(‘00.000.000/0000-00’, { reverse: true, clearIfNotMatch: true });
(‘input.money’).mff_mask(‘000.000.000.000.000,00’, { reverse: true });
(‘input.money2’).mff_mask(‘#.##0,00’, { reverse: true });
(‘input.money3’).mff_mask(‘#,##0.00’, { reverse: true });
(‘input.money4’).mff_mask(‘000,000,000,000,000.00’, { reverse: true });
(‘input.money5’).mff_mask(‘#.##0’, { reverse: true });
(‘input.money6’).mff_mask(‘#,##0’, { reverse: true });
(‘input.ip_address’).mff_mask(‘099.099.099.099’);
(‘input.percent’).mff_mask(‘##0,00%’, { reverse: true });
(‘input.percent2’).mff_mask(‘##0.00%’, { reverse: true });
(‘input.percent3’).mff_mask(‘990,0%’, { reverse: true });
(‘input.percent4’).mff_mask(‘990.0%’, { reverse: true });
(‘input.percent5’).mff_mask(‘#,##0%’, { reverse: true });
(‘input.percent6’).mff_mask(‘#.##0%’, { reverse: true });
Click here for more details on how to add custom mask.
Click here to create a temporary WordPress site for test this plugin.
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
'0': {pattern: /\d/}, // (Numbers)
'9': {pattern: /\d/, optional: true}, // (Optional Numbers)
'#': {pattern: /\d/, recursive: true}, // (Recursive Numbers)
'A': {pattern: /[a-zA-Z0-9]/}, // (Alphanumeric, Letters and Numbers)
'S': {pattern: /[a-zA-Z]/} // (Letters only)
Yes, use the code below.
Unfortunately, it does not support Divi Theme. But can keep the plugin active and try to insert below code to add the mask.
Go to Divi Theme Options -> Integration set “Enable header code” and add below code in “Add code to the < head > of your blog”.
