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
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 %);
30 de julho de 2021
Best maks plugin for any form - elementor, cf7 ets
8 de julho de 2021
Un plugin liviano, flexible y con uno de los mejores soportes que he visto. El desarrollador responde cada pregunta de forma muy profesional.
30 de junho de 2020
Works nice. By the way, I changed the "class" to "id" requirements for get the info and transform. None conflict
17 de junho de 2020
Works great with Gravity Forms. I needed to add a CC mask to authorize.net and this plugin works great!
29 de novembro de 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.
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 1 localização. 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.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