Mask Form Elementor free WordPress plugin
Description
Mask Form Elementor free WordPress plugin
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)
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
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).