Mask Form Elementor
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 especiaisObs. 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).