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

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 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 %);
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.
Leia todas as 14 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 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