Arquivos do autor: Ivan Petermann

Sobre Ivan Petermann

Ajudando você a lidar com a tecnologia.

Masks Form Fields



WordPress Plugin Version  WordPress Plugin Rating  WordPress Plugin: Tested WP Version  WordPress Plugin Active Installs  WordPress Plugin Downloads
A plugin to add masks in the form’s fields for WordPress.

Basic Usage Examples

Add a class in the form field.

<input type=”telname=”your-phoneclass=”phone />

Contact Form 7: [tel your-phone class:phone placeholder “Phone”]

(‘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’).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.

Click here to create a temporary WordPress site for test this plugin.

Frequently Asked Questions

Installation Instructions

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

Default translation

'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)

Can I add new mask types?

Yes, use the code below.

The mask plugin work with WooCommerce?

Unfortunately, it does not support WooCommerce. But can keep the plugin active and try to insert one of the codes in the links below to add the mask.
JavaScript
PHP (functions.php)

The mask plugin work with Divi Theme?

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”.

Desenvolvimento de sites em WordPress Responsivo



Desenvolvimento de sites em WordPress responsivo compatível com todos os tamanhos de tela, não apenas para celular, tablets, mas também para navegadores que não estejam com a tela maximizada, computadores com telas pequenas, como de 10” em que possuem uma resolução menor. Com desenvolvimento personalizado de temas e plugins ou utilizando ferramentas profissionais como Oxygen Builder (recomendado) ou Elementor. Focado sempre em desenvolvimento otimizado com objetivo para melhor performance e usabilidade aos seus visitantes e/ou clientes.

WordPress

Sistema de gerenciamento de conteúdo para web, escrito em PHP com banco de dados MySQL, voltado principalmente para a criação de sites e blogs para web.

Com o WordPress, também é possível desenvolver sites de tipo comércio eletrônico (E-commerce), portfólio, gerenciador de projeto, diretório de eventos e outros conteúdos, com capacidade de extensão através de plugins, temas e programação PHP.

Clique aqui e solicite o orçamento para seu objetivo.

Catálogo ND – Ferramenta de catálogo de produtos para vendedores.



O Catálogo ND é uma ferramenta de catalogo de produtos indispensável para vendedores e representantes, apresentando como grande diferencial um visual dinâmico, fácil, interativo, com zoom nos produtos e funciona off-line.

  • Desenvolvimento em programação nativa para Android e iOS.
  • Desenvolvimento de Painel de controle completo para gerenciamento dos Apps.

Mais informações em catalogond.com