Improve your WordPress SEO: Write better content and have a fully optimized WordPress site using the Yoast SEO…
About Mask Form Elementor
O Mask Form Elementor é um plugin que permite adicionar máscaras aos campos de formulário no Elementor Builder e em outros plugins de formulário. Ele oferece várias opções de máscaras, como data, horário, telefone, CPF, entre outros. O plugin é fácil de usar, basta selecionar o tipo de campo desejado no widget do formulário ou adicionar a classe ou ID correspondente ao campo de texto.Screenshots
Frequently asked questions
O que é o Mask Form Elementor?
O Mask Form Elementor é um plugin que permite inserir máscaras nos formulários do Elementor Builder e em outros plugins de formulário que tenham a opção de inserir classes e ids personalizadas nos campos.
Quais são as opções de máscaras disponíveis?
As opções de máscaras disponíveis são: 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 dígito (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), Nome de Usuário (Restrição de caracteres especiais), Cartão de Crédito (número) (0000-0000-0000-0000), Cartão de Crédito (validade) (00/00).
Como utilizar o Mask Form Elementor?
Para utilizar o Mask Form Elementor no Elementor Builder, basta selecionar o tipo de campo diretamente pelo widget do formulário. Para outros tipos de formulários, é necessário inserir a classe correspondente no campo do formulário.
Como utilizar o Mask Form Elementor de forma manual?
Para utilizar o Mask Form Elementor de forma manual, é necessário adicionar a classe ou ID correspondente em um campo de texto. As classes disponíveis são: 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. Para IDs, é recomendado adicionar um número de 2 a 4 no final do ID para evitar conflitos com IDs repetidos na mesma página.
Como evitar conflitos com IDs repetidos na mesma página?
Para evitar conflitos com IDs repetidos na mesma página, é recomendado adicionar um número de 2 a 4 no final do ID. Por exemplo, para o campo mascara_telefone_nono_digito, pode-se adicionar mascara_telefone_nono_digito2, mascara_telefone_nono_digito3, mascara_telefone_nono_digito4 para os campos subsequentes.
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.
