Gostaria de impedir que os usuários digitem números nos campos de texto de linha única? Embora você possa usar máscaras de entrada para restringir os campos apenas a caracteres alfa, este guia mostrará como criar uma solução mais flexível que permita letras maiúsculas e minúsculas e, ao mesmo tempo, bloqueie os números.
Neste tutorial, mostraremos o trecho de código necessário para restringir os números nesses campos.
Configuração do formulário
Primeiro, crie um novo formulário e adicione um campo de texto de linha única que você deseja restringir. No nosso exemplo, vamos usá-lo como um campo de nome de usuário. Se precisar de ajuda para criar um formulário, consulte nosso guia sobre como criar seu primeiro formulário.
Anote o ID do 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, consulte nosso guia sobre como encontrar IDs de formulário e de campo.
Adição do código de validação
Esse código impedirá o envio do formulário se forem detectados números no campo. Se precisar de ajuda para adicionar código ao seu site, consulte nosso guia sobre como adicionar código personalizado ao site do WordPress.
Substitua os seguintes valores no código PHP:
- Na linha 11: Substitua 1000 por seu ID de formulário
- Na linha 17: Substitua 25 por seu ID de campo
- Na linha 22: Substitua 25 pelo ID do campo novamente
Se o campo Nome de usuário contiver qualquer número quando o formulário for enviado, será exibida 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 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 Single Line Text selecionado, clique na guia Advanced (Avançado ) em Field Options (Opções de campo ) e adicione no-numbers (sem números) ao campo CSS Classes (Classes CSS).
Em seguida, adicione este código JavaScript ao seu site:
Depois que o snippet for adicionado, uma mensagem de erro imediata será exibida alertando o visitante sobre o erro de validação quando ele fizer tabulação ou clicar fora do campo.
Ação de referência
Você também gostaria de impedir que caracteres especiais sejam inseridos em um campo de formulário de texto de linha única? Confira o tutorial How to Restrict Special Characters From a Form Field (Como restringir caracteres especiais de um campo de formulário).