Mô tả
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).
Đánh giá
Người đóng góp & Lập trình viên
“Mask Form Elementor” là mã nguồn mở. Những người sau đã đóng góp vào plugin này.
Những người đóng gópDịch “Mask Form Elementor” sang ngôn ngữ của bạn.
Muốn tham gia phát triển?
Duyệt code, check out SVN repository, hoặc theo dõi nhật ký phát triển qua RSS.
Nhật ký thay đổi
-
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.