Descrição
Adicione a classe no campo do formulário.
Exemplo de uso com Contact Form 7:
[tel your-phone class:phone placeholder "Phone"]
Lista das classes disponíveis para uso.
('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 });
Clique aqui para obter mais detalhes de como adicionar máscara personalizada.
Créditos
Instalação
A instalação do plugin pode ser feita pesquisando por “Masks Form Fields” através da tela “Plugins > Adicionar novo” no painel de controle do WordPress, ou seguindo os seguintes passos:
- Faça o download do plugin via WordPress.org
- Envie o arquivo ZIP pela tela ‘Plugins > Adicionar novo > Enviar plugin ‘ em seu painel WordPress
- Ative o plugin através do menu ‘Plugins’ no WordPress
FAQ
-
Para que serve o plugin?
-
Este plugin serve para adicionar máscaras nos campos do formulário.
-
Como adicionar máscara personalizada?
-
Clique aqui para obter mais detalhes de como adicionar máscara personalizada.
Avaliações
2 de agosto de 2022
WP 6.0.1
CF7 5.6.1
26 de maio de 2022
Ate que enfim um plugin que realmente funciona!
15 de abril de 2022
Thank you for developing this WordPress plugin and also for your support!!
12 de novembro de 2021
Works perfect. Tested with CF7 and Elementor Pro Forms, both in-Page and in-Popup.
Thank you very much.
11 de novembro de 2021
O plugin atende perfeitamente aquilo que propõem. O código é bem estruturado e não causa conflitos com temas e outros plugins. O suporte do desenvolvedor é incrível.
The plugin perfectly meets what they propose. The code is well structured and doesn't conflict with themes and other plugins. The developer support is amazing.
27 de agosto de 2021
to make more usable in the US a few more fields from the following list:
$('span.start, input.start').mask('00/0000');
$('span.time, input.time').mask('00:00');
$('input.taxid').mask('00-0000000');
$('input.ssn').mask('000-00-0000');
$('input.zip').mask('00000');
$('input.phone_us').mask('(000) 000-0000');
$('input.money').mask('$0,000,000', {reverse: true});
$('input.money2').mask("#,##0", {reverse: true});
$('input.percent').mask('990.0%', {reverse: true});
Thank you for your quick update. To make it even more practical, please consider adding the following masks to the default list:
date_time2 for making appointments: mm/dd/yyyy hh:mm (no need for seconds);
money5 for larger amounts of US dollars: $###,###,##0 (no need for cents);
percent5 for use in estimates: 9,990% (no need for partial %);
Colaboradores e desenvolvedores
“Masks Form Fields” é um software com código aberto. As seguintes pessoas contribuíram para este plugin.
Colaboradores
“Masks Form Fields” foi traduzido para 3 localizações. Agradecemos aos tradutores por suas contribuições.
Traduzir “Masks Form Fields” para o seu idioma.
Interessado no desenvolvimento?
Navegue pelo código, dê uma olhada no repositório SVN ou assine o registro de desenvolvimento via RSS.
Registro de alterações
1.9
- Corrigido conflito com outra biblioteca.
- Testado com WordPress 5.9
1.8
- Adicionado cinco novos formatos de máscara. (date_time2, money5, money6, percent5, percent6)
- Atualizado readme com exemplo de uso.
1.7
- Adicionado novos formatos de máscara. (start, time2, zip, taxid, ssn, money3, money4, percent2, percent3, percent4)
1.6
- Testado com WordPress 5.8
1.5
- Corrigido o valor incorreto no script de localização.
- Testado com WordPress 5.7
1.4
- Atualizado a descrição do Readme
- Atualizado a biblioteca jQuery Mask
- Testado com WordPress 5.5
1.3
- 10/06/2019
- Testado com WordPress 5.2
1.2
- 20/11/2017
- Testado com WordPress 4.9
1.1
- 07/08/2017
- Correção de Bug: removido máscara de data e hora na classe body.
- Adicionar máscaras somente em campos span e input.
1.0
- 03/11/2016
- Lançamento inicial