Masks Form Fields

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, input[name="phonebr"]').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.

Opcional
– Adicionado a opção para o formato do número de telefone brasileiro, com o atributo name igual a phonebr.

Créditos

jQuery Mask Plugin

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:

  1. Faça o download do plugin via WordPress.org
  2. Envie o arquivo ZIP pela tela ‘Plugins > Adicionar novo > Enviar plugin ‘ em seu painel WordPress
  3. 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 janeiro, 2024
Merci pour ce plugin. Top ! Pour les bricoleurs comme moi, pensez à ajouter la balise <?php au début de votre fichier /wp-content/themes/YOUR-THEME/functions.php 😉
5 setembro, 2023
The only working plugin, with quality support
14 outubro, 2022
Works good with cf7. Thank you! It would be great to be able to see the fields to fill out. Like placeholder but visible all the time.
Leia todas as 23 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.11.1

  • Corrigido conflito de minificação de JS: Adicionado ponto e vírgula após a declaração JSON em wp_add_inline_script. (commit#3529ce1)
  • Adicionado a opção para o formato do número de telefone brasileiro, com atributo ‘name’ igual a ‘phonebr’. commit#9c14400)

1.10

  • Substituído wp_localize_script por wp_add_inline_script. (commit#6f6dc2d)
  • Atualizada a exigência mínima da versão do WordPress de 3.9 para 4.5.
  • Testado com WordPress 6.5

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