该插件尚未通过WordPress的最新3个主要版本进行测试。 当与较新版本的WordPress一起使用时,可能不再受到维护或支持,并且可能会存在兼容性问题。

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 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).

评价

2022年9月21日
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!
2022年1月22日
Muito bom, no campo inicial já mostra as outras opções e isso ajuda muito, atualmente usando no wordpress 5.8.3 Parabéns
2021年5月19日
O plugin funciona perfeitamente com outros formulários, o autor está de parabéns pelo trabalho e pelo suporte!
2021年4月1日
O plugin ajuda muito! Minha sugestão é que tivesse uma validação de dados para facilitar no input dos usuários e limitação da número de caracteres. Fora isso, está muito bom!
阅读所有18条评价

贡献者及开发者

“Mask Form Elementor” 是开源软件。 以下人员对此插件做出了贡献。

贡献者

将“Mask Form Elementor”翻译成您的语言。

对开发感兴趣吗?

您可以浏览代码,查看SVN仓库,或通过RSS订阅开发日志

更新日志

  • 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.