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

PLugin Incrível

nerdmail April 3, 2024

Deixando meu agradecimento por esse plugin incrível, resolve de forma rápida e pratica.

ótimo aplicativo

dzagencia February 16, 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

SHOW DE BOLA!

julioexpert September 21, 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!

Excelente, ótimo plugin e suporte

marloncarvalho91 September 19, 2022

Fico até sem jeito, além do plugin ser excelente, os criadores s?o muito amáveis, me ajudaram com o plugin, muitissimo grato

Excelente Plugin

jjcomputer January 22, 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

Plugin fantástico

felipetto May 19, 2021

O plugin funciona perfeitamente com outros formulários, o autor está de parabéns pelo trabalho e pelo suporte!

Contributors & Developers

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.