Resumo de IA
Gostaria de impedir que os utilizadores introduzam números nos seus campos de Texto de Linha Única? Embora possa utilizar máscaras de entrada para restringir os campos apenas a caracteres alfabéticos, este guia mostrar-lhe-á como criar uma solução mais flexível que permite letras maiúsculas e minúsculas, ao mesmo tempo que bloqueia números.
Neste tutorial, mostrar-lhe-emos o trecho de código necessário para restringir números nestes campos.
Configuração do Formulário
Primeiro, crie um novo formulário e adicione um campo Texto de Linha Única que pretende restringir. Para o nosso exemplo, utilizá-lo-emos como um campo de Nome de Utilizador. Se precisar de ajuda para criar um formulário, consulte o nosso guia sobre como criar o seu primeiro formulário.
Tome nota do ID do seu formulário e do ID do campo, pois precisará deles para o código. Se não tiver a certeza de como encontrar estes IDs, reveja o nosso guia sobre como encontrar IDs de formulário e campo.
Adicionar o Código de Validação
Este código impedirá o envio do formulário se forem detetados números no campo. Se precisar de ajuda para adicionar código ao seu site, consulte o nosso guia sobre como adicionar código personalizado a um site WordPress.
Substitua os seguintes valores no código PHP:
- Na linha 11: Substitua 1000 pelo ID do seu formulário
- Na linha 17: Substitua 25 pelo ID do seu campo
- Na linha 22: Substitua 25 novamente pelo ID do seu campo
Se o campo Nome de Utilizador contiver quaisquer números quando o formulário for enviado, aparecerá uma mensagem de erro e o formulário não será enviado.
Opção de Validação em Tempo Real
Se preferir impedir que os utilizadores introduzam números antes do envio do formulário, pode implementar a validação em tempo real. Eis como:
Para começar, edite o formulário e, com o campo Texto de Linha Única selecionado, clique no separador Avançadas em Opções de Campo e adicione no-numbers ao campo Classes CSS.
Em seguida, adicione este código JavaScript ao seu site:
Depois de adicionar o trecho, uma mensagem de erro imediata será exibida alertando o visitante para o erro de validação quando ele sair do campo (ao clicar ou usar a tecla Tab).
Ação de Referência
Gostaria também de impedir a introdução de caracteres especiais num campo de formulário Texto de Linha Única? Consulte o tutorial sobre Como Restringir Caracteres Especiais de um Campo de Formulário.