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