### [Como restringir a introdução de números num campo de texto de linha única](https://wpforms.com/developers/how-to-restrict-numbers-in-a-single-line-text-form-field/)

**Publicado:** 23 de julho de 2020
**Autor:** Umair Majeed

**Excerto:** Este tutorial irá guiá-lo através dos passos necessários para restringir a introdução de números num campo de formulário de texto de linha única. 

**Conteúdo:**

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 irá mostrar-lhe como criar uma solução mais flexível que permite letras maiúsculas e minúsculas, bloqueando simultaneamente os números.

Neste tutorial, iremos mostrar-lhe o trecho de código necessário para restringir números nestes campos.

## Configurar o formulário

Primeiro, crie um novo formulário e adicione um campo **Texto de Linha Única** que pretende restringir. Para o nosso exemplo, iremos utilizá-lo 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](https://wpforms.com/docs/creating-first-form/).

Anote o ID do seu formulário e o ID do campo, pois irá precisar deles para o código. Se não tiver a certeza de como encontrar esses IDs, consulte o nosso guia sobre [como encontrar IDs de formulários e campos](https://wpforms.com/how-to-track-user-locations-with-wordpress-form-submissions/).

## 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](https://wpforms.com/developers/how-to-add-custom-php-or-javascript-for-wpforms/).

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 utilizador** contiver quaisquer números quando o formulário for enviado, aparecerá uma mensagem de erro e o formulário não será enviado.

![agora pode restringir números num campo de texto de linha única](https://wpforms.com/wp-content/uploads/2022/07/restrict-numbers-error-message.jpg)## 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. Veja como:

Para começar, edite o formulário e, com o campo **Texto de Linha Única** selecionado, clique no separador **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 snippet for adicionado, será exibida imediatamente uma mensagem de erro a alertar o visitante para o erro de validação quando este sair do campo com a tecla Tab ou clicar fora dele.

## Ação de referência

[wpforms\_process](https://wpforms.com/developers/wpforms_process/ "Utilizar a ação wpforms_process")

Gostaria também de impedir que caracteres especiais fossem introduzidos num campo de formulário **Texto de Linha Única**? Consulte o tutorial sobre [Como restringir caracteres especiais num campo de formulário](https://wpforms.com/developers/how-to-restrict-special-characters-from-a-form-field/ "Como restringir caracteres especiais num campo de formulário").

**Categorias:** Campos

**Etiquetas:** Javascript, jQuery, JS, PHP

---