This plugin hasn’t been tested with the latest 3 major releases of WordPress. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.

Mask Form Elementor

Description

Plugin para incluir máscaras nos formulários (compatível com qualquer plugin de formulário que tenha opção para inserir classes e ids personalizadas).

Descrição

O Mask Form Elementor utiliza a biblioteca jQuery para inserir máscaras no formulário do Elementor Builder e em qualquer outro plugin de formulário que tenha disponível a opção para inserir classes e ids personalizadas nos campos.

Para utilizar o plugin no Elementor basta selecionar o tipo do campo diretamente pelo widget do form.

Nessa última atualização está disponível as classes para tornar o plugin compatível com outros tipos de formulários além do Elementor.
Para aplicar é bem simples, basta inserir a classe dentro dos campos do seu formulário.

Opções de Máscaras

  • Data: 00/00/0000
  • Horário: 00:00:00
  • Data e Horário: 00/00/0000 00:00:00
  • CEP: 00000-000
  • Telefone sem DDD: 0000-0000
  • Telefone: (00) 0000-0000
  • Telefone com nono digito: (00) X0000-0000
  • Cpf ou Cnpj: 000.000.000-00 ou 00.000.000/0000-00
  • CPF: 000.000.000-00
  • CNPJ: 00.000.000/0000-00
  • Monetário: 000.000.000.000.000,00
  • Endereço de IP: 000.000.000.000
  • Porcentagem: 000,00%
  • Placa: XXX-0000 ou XXX0X00 (Novo padrão Mercosul)
    Obs. Aplicar manualmente via ID/Class
  • Nome de Usuário: Restrição de caracteres especiais
    Obs. Aplicar manualmente via ID/Class
  • Cartão de Crédito (número): 0000-0000-0000-0000
  • Cartão de Crédito (validade): 00/00

Para utilizar de forma manual, adicione a Class/ID em um campo tipo texto:

mascara_data
mascara_hora
mascara_data_hora
mascara_cep
mascara_telefone
mascara_telefone_ddd
mascara_telefone_nono_digito
mascara_cpf_ou_cnpj
mascara_cpf
mascara_cnpj
mascara_monetario
mascara_ip
mascara_porcentagem
mascara_placa
mascara_usuario
mascara_cartaon
mascara_cartaod

Observações (para quem utiliza IDs):
Para evitar conflitos com IDs repetidos na mesma página, você pode optar por IDs diferentes “2”, “3” e “4”, veja os exemplos:

Campo 1: mascara_telefone_nono_digito
Campo 2: mascara_telefone_nono_digito2
Campo 3: mascara_telefone_nono_digito3
Campo 4: mascara_telefone_nono_digito4

Basta incluir no final do ID o número de 2 à 4 (válido para todas as máscaras).
ESSA OPÇÃO É SOMENTE PARA A UTILIZAÇÃO DE IDs (classes repetidas não geram conflitos).

Reviews

03 Aprily 2024
Deixando meu agradecimento por esse plugin incrível, resolve de forma rápida e pratica.
16 Febroary 2023
Tive um problema com o placeholder e com a ajuda do próprio Rodrigo resolvemos colocando em “advanced” manualmente e pela descrição adicionando o CSS/ID, ótimo profissional
21 Septambra 2022
Revirei a internert toda testei todos os plugins disponiveis no Wordpress. Mas esse superou todas as espectativas. E o atendimento e comprometimento do Desenvolvedor é sem palavras!
22 Janoary 2022
Muito bom, no campo inicial já mostra as outras opções e isso ajuda muito, atualmente usando no wordpress 5.8.3 Parabéns
19 May 2021
O plugin funciona perfeitamente com outros formulários, o autor está de parabéns pelo trabalho e pelo suporte!
Read all 21 reviews

Contributors & Developers

“Mask Form Elementor” is open source software. The following people have contributed to this plugin.

Contributors

Translate “Mask Form Elementor” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

  • Versão 1.0
    – Versão inicial.
  • Versão 2.0
    Melhoria:
    – Versão aprimorada com opção para selecionar a máscara diretamente no widget do elementor form.
  • Versão 2.1
    Melhoria:
    – Nova máscara para placas de identificação de veículos, com o novo padrão Mercosul.
  • Versão 2.2
    Melhoria:
    – Nome de usuário, número e validade de cartões.
  • Versão 2.3
    Compatibilidade:
    – Agora você pode aplicar as máscaras em qualquer plugin de formulário que tenha opção para inserir classes e ids personalizadas.
  • Versão 3
    Correções:
    – Corrigido o erro das máscaras que não estavam funcionando em modal/popup
    – A máscara Data e Hora não estava funcionando corretamente
    Melhorias:
    – Agora você pode preencher o campo com a máscara através do teclado númerico no celular/tablet ao invés do telado alfanumérico
    Removido:
    – Máscaras de nome de usuário e placas de identificação de veículos
    Observações: As máscaras foram removidas do seletor de campos no widget do elementor form, mas podem ser utilizadas manualmente via ID/Class, confira o site demo.