Resumo de IA
Gostaria de impedir que os usuários insiram números em seus campos de Texto de Linha Única? Embora você possa usar máscaras de entrada para restringir os campos apenas a caracteres alfabéticos, este guia mostrará 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, mostraremos o trecho de código necessário para restringir números nesses campos.
Configurando o Formulário
Primeiro, crie um novo formulário e adicione um campo Texto de Linha Única que você deseja restringir. Para nosso exemplo, usaremos como campo Nome de Usuário. Se precisar de ajuda para criar um formulário, confira nosso guia sobre como criar seu primeiro formulário.
Anote o ID do seu formulário e o ID do campo, pois você precisará deles para o código. Se não tiver certeza de como encontrar esses IDs, revise nosso guia sobre como encontrar IDs de formulário e campo.
Adicionando o Código de Validação
Este código impedirá o envio do formulário se números forem detectados no campo. Se precisar de ajuda para adicionar código ao seu site, confira 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 pelo ID do seu campo novamente
Se o campo Nome de Usuário contiver qualquer número ao enviar o formulário, uma mensagem de erro aparecerá e o formulário não será enviado.
Opção de Validação em Tempo Real
Se você preferir impedir que os usuários insiram números antes do envio do formulário, você pode implementar a validação em tempo real. Veja como:
Para começar, edite o formulário e, com o campo Texto de Linha Única selecionado, clique na aba Avançado em Opções de Campo e adicione no-numbers ao campo Classes CSS.
Em seguida, adicione este código JavaScript ao seu site:
Assim que o trecho for adicionado, uma mensagem de erro imediata será exibida, alertando o visitante sobre o erro de validação quando ele sair do campo (ao clicar ou usar Tab).
Ação de Referência
Gostaria também de impedir que caracteres especiais sejam inseridos em um campo de formulário Texto de Linha Única? Confira o tutorial sobre Como Restringir Caracteres Especiais de um Campo de Formulário.