Divulgação: O nosso conteúdo é apoiado pelos leitores. Isso significa que se você clicar em alguns de nossos links, podemos ganhar uma comissão. Veja como o WPForms é financiado, por que isso é importante e como você pode nos apoiar.

Claire Broadley

A Claire é a Gestora de Conteúdos da equipa WPForms. Ela tem mais de 13 anos de experiência escrevendo sobre WordPress e hospedagem na web.Saiba mais

O melhor plug-in de criação de formulários de arrastar e soltar do WordPress

Fácil, rápido e seguro. Junte-se a mais de 6 milhões de proprietários de sites que confiam no WPForms.

Active o JavaScript no seu browser para preencher este formulário.

43 comentários em "Como limitar campos de formulário com máscaras de entrada (+Exemplos)"

  1. O que acontece se não tiver um campo chamado Máscara de entrada? Não existe nada no campo Classes CSS em Opções avançadas?

    1. Olá Dianne,

      Peço desculpa por qualquer problema que tenha surgido! Ao adicionar uma máscara de entrada, certifique-se de que está a utilizar um campo de texto de linha única (este é atualmente o único tipo de campo que permite máscaras de entrada). Além disso, esta é uma funcionalidade mais recente, por isso certifique-se de que o seu plugin WPForms está totalmente atualizado.

      Se tentar fazer isso e ainda não vir as opções que espera, entre em contacto connosco para que possamos ajudar. Se tem uma licença WPForms, tem acesso ao nosso suporte por email, por isso envie um ticket de suporte.

      Caso contrário, fornecemos suporte gratuito limitado no fórum de suporte do WPForms Lite WordPress.org.

      Obrigado 🙂

  2. Olá, neste artigo: https://wpforms.com/docs/how-to-use-custom-input-masks/

    Utiliza a máscara de entrada de exemplo para um endereço de correio eletrónico em "mysite.com"

    Mask: *[*{0,50}]@mysite.com
    Example Input: [email protected] or [email protected]

    Mas e se o seu sítio Web tiver a letra "a" no nome? Por exemplo...

    Using this layer mask: *[*{0,50}]@mydomain.com
    actually renders a field that has a blank for the “a” in domain.
    Example input: _______@mydom_in.com

    Como é que formato a máscara de camada de modo a que toda a cadeia "mydomain.com" permaneça intacta?

    Desde já, obrigado pela vossa ajuda!

    1. Olá Re,

      Peço desculpa pelo problema! Reproduzi o problema que descreveu e partilhei-o com a nossa equipa para encontrar uma solução. Obrigado por nos informar para que possamos resolver o problema! 🙂

  3. Olá. Pretendo utilizar a ferramenta de máscara de entrada para limitar a entrada de caracteres em alguns dos meus campos.

    I’m using this mask: *[*{0,30}].

    No entanto, não inclui os "espaços" como um carácter.

    Que máscara de introdução posso utilizar para incluir os espaços como um carácter no meu limite de 30 caracteres?

    1. Olá, Alicia,

      Atualmente, as nossas máscaras de entrada não fornecem um requisito de "espaço" desta forma. Em vez disso, pode considerar utilizar um pouco de código personalizado para adicionar este limite de caracteres(aqui está o nosso documento com detalhes).

      O código nesse documento conta os espaços como caracteres, por isso deve funcionar mais como o que tem em mente.

      E, caso seja útil, eis como adicionar código personalizado como este ao seu site.

      Espero que isto ajude! 🙂

  4. Estou a ter o mesmo problema que RE CARLSON
    -
    Mas e se o vosso sítio Web tiver a letra "a"?
    -
    Há alguma solução para este problema?
    Obrigado.

    1. Olá Allan,

      Tenho boas notícias - temos uma solução para isso 🙂

      Para adicionar um "a" sem o transformar em parte da área de entrada, pode escapar-lhe utilizando `\\`. Por exemplo, se introduzir isto como a sua máscara de entrada: `este é \\a teste aaa`, acabaria por ficar: "este é um teste ___".

      Por isso, certifique-se de que coloca a barra invertida dupla a seguir a qualquer A, a ou 9 que queira manter como está (e não converter num _).

      Espero que isto ajude! 🙂

  5. Olá,

    Preciso de letras maiúsculas alfanuméricas (0-9 ou A-Z) para combinar com espaço entre caracteres. Aparentemente, "&" não permite qualquer espaçamento

    1. Olá, Elyas,

      Não temos um carácter especial para permitir espaços; em vez disso, pode simplesmente adicionar um espaço entre os caracteres & que quiser, para que o campo de máscara de entrada seja lido como "&&&& &&&&".

      Espero que isto ajude! 🙂

      1. Como é que posso fazer para que um campo só seja aceite se começar apenas com um intervalo de 6-9 números. Estou a utilizar o WPForms Basic comprado.

        Exemplo
        7898981226
        8985607458
        9989878774

      2. Olá Munaf!

        Pode criar uma máscara de entrada personalizada para o campo Texto de linha única, no entanto, não existe uma opção integrada para utilizar o intervalo de números.
        Por isso, podes ter, por exemplo, "\\799999" e só será permitido "7" no início e depois mais 5 dígitos, mas não temos regras para escolher 7 OU 8 OU 9 no início, infelizmente.
        E caso ajude, temos mais um ótimo tutorial sobre como usar a máscara de entrada personalizada no WPForms aqui

        Peço desculpa por qualquer confusão!

        Boa viagem 🙂

  6. Estou iniciando o uso do WPFroms ainda de forma gratuita para testes de compatibilidade com soluções que já tenho implantadas, contudo tentando personalizar uma mascara simples sugerida por vocês como “https://www.f\\acebook.com/*{1,22}” em um campo de “texto de linha unica” percebo que não são aceitos caracteres especiais simples como ? . ou / ; isso é uma limitação proposital impostas a usuários gratuitos ou poderiam me informar por qual simbolo deveria substituir o de * para permitir a entrada de caracteres especiais na mascara.

    1. Waqas- Se o número de dígitos for fixo, então é possível. Por exemplo, esta máscara de entrada mostrará 9 dígitos e uma vírgula após cada 3 dígitos 999\,999\,999

      Espero que isto ajude!

    1. Olá, Afif - Temos alguns tutoriais avançados sobre máscaras de entrada neste artigo que explicam como adicionar alguns caracteres.

      Para obter mais ajuda sobre este assunto, envie-nos uma linha de apoio para que possamos ajudar. Se você tem uma licença WPForms, você tem acesso ao nosso suporte por e-mail, então por favor envie um ticket de suporte. Caso contrário, fornecemos suporte gratuito limitado no fórum de suporte do WPForms Lite WordPress.org.

      Obrigado 🙂

  7. Olá, as minhas máscaras de entrada parecem já não funcionar, os campos de texto só deixam escrever o que quer que seja, embora as máscaras estejam activas. Alguma ajuda, por favor? obrigado.

  8. Hi,

    Estou a criar um campo de nome com texto de linha única e só devem ser adicionados alfabetos e espaços. Para tal, adicionei um mastro de entrada como a{1,50}. Isto aceita alfabetos, mas os espaços não podem ser adicionados. Por favor, dê-me uma solução para isto.

    1. Olá Amrita! Peço desculpa, mas as máscaras de entrada não seriam adequadas para este tipo de caso de utilização, uma vez que se destina a fornecer uma estrutura específica à entrada, por exemplo, um número de telefone ou um número de identificação. Os espaços não podem ser utilizados numa máscara de entrada.

      Para fazer o que procura, seria necessária codificação personalizada (normalmente jQuery ou JavaScript), mas peço desculpa porque não podemos fornecer suporte para este grau de personalização. No entanto, este tópico pode dar algumas ideias.

      Lamento não podermos fornecer uma solução para este problema, mas se tiver mais alguma dúvida, contacte-nos se tiver uma subscrição ativa. Se não tiver, não hesite em colocar-nos algumas questões nos nossos fóruns de apoio.

    1. Olá! Parece que colocou esta questão em vários artigos, por isso vou abordá-la aqui num único local.

      Peço desculpa, mas não é possível especificar onde o número opcional seria colocado, uma vez que a máscara de entrada funciona de acordo com a sequência em que são introduzidos. Tecnicamente, o número opcional poderia ser mantido opcional, mas isso significaria que os utilizadores teriam de "saltar" esse carácter, introduzindo um espaço nessa posição de carácter e continuando a preencher o resto do campo.

      Deve ser possível com alguma codificação personalizada, mas lamento que essas personalizações estejam fora do âmbito do nosso suporte. Caso pretenda analisar as opções de desenvolvimento personalizado, recomendamos vivamente a utilização do Codeable. O Codeable analisa todos os programadores para se certificar de que são altamente qualificados e comunicativos e, em seguida, também ajuda a orientar todo o processo de ligação e comunicação com o programador mais adequado.

      Aqui está o nosso tutorial sobre a utilização do Codeable, que fornece mais pormenores sobre o funcionamento deste processo.

      Ou, se quiser uma equipa a quem possa continuar a recorrer (a longo prazo) para obter ajuda no desenvolvimento personalizado, pode também considerar consultar o WPBuffs.

      Espero que isto ajude a esclarecer 🙂 Se tiver mais alguma dúvida sobre este assunto, contacte-nos se tiver uma subscrição ativa. Se não tiver, não hesite em colocar-nos algumas questões nos nossos fóruns de apoio.

  9. O elemento do número de telefone não oferece mascaramento de entrada, essa funcionalidade é possível?

    Gostamos de poder utilizar a máscara de entrada no elemento do número de telefone porque este oferece o seletor de código de país, ao passo que uma entrada de texto normal não o faz (embora ofereça máscara de entrada).

    Obrigado,
    Mark

    1. Olá, Mark,

      Não temos um recurso embutido para definir a máscara personalizada para o campo Telefone. No entanto, isso pode ser feito usando o campo de texto de linha única e definindo a máscara de entrada personalizada como mostrado aqui

      Espero que isto ajude! 🙂

  10. É possível exigir uma entrada decimal no campo numérico?

    Então um utilizador é sempre obrigado a introduzir o número inteiro + x de casas decimais?

    Por exemplo:

    0.015
    0.792
    0.28
    1.256

  11. Olá! Como posso criar uma máscara de entrada para um montante opcional
    por exemplo $1,000,000 ou $250,000 adicionando uma vírgula no meio, dependendo do montante?

    1. Olá Mariana, infelizmente, não temos uma opção incorporada para o formato opcional com máscara de entrada, como descreveu. No entanto, concordo que seria muito útil. Tomei nota do pedido de funcionalidade e vamos mantê-lo no nosso radar enquanto planeamos o nosso roteiro para o futuro.

      Obrigado e bom proveito!

  12. Olá - posso utilizar uma máscara de entrada para NÃO permitir espaços?
    Por exemplo, se um utilizador escrever "AA 9999", a máscara forçará "AA9999"?
    Ou um espaço final/principal como "AA9999[_]" será introduzido como "AA9999" sem o espaço?

Adicionar um comentário

Ficamos satisfeitos por ter escolhido deixar um comentário. Tenha em atenção que todos os comentários são moderados de acordo com a nossa política de privacidade e que todas as hiperligações são nofollow. NÃO utilize palavras-chave no campo do nome. Vamos ter uma conversa pessoal e significativa.

Este formulário é protegido pelo Cloudflare Turnstile e aplicam-se a Política de Privacidade e os Termos de Serviço da Cloudflare.