### [Comment limiter la saisie de chiffres dans un champ de formulaire de texte à une seule ligne](https://wpforms.com/developers/how-to-restrict-numbers-in-a-single-line-text-form-field/)

**Publié le :** 23 juillet 2020
**Auteur :** Umair Majeed

**Extrait :** Ce tutoriel vous guidera à travers les étapes nécessaires pour empêcher la saisie de chiffres dans un champ de formulaire de texte à ligne unique. 

**Contenu :**

Souhaitez-vous empêcher les utilisateurs de saisir des chiffres dans vos champs de texte à ligne unique ? Bien que vous puissiez utiliser des masques de saisie pour limiter les champs aux caractères alphabétiques uniquement, ce guide vous montrera comment créer une solution plus flexible qui autorise à la fois les lettres majuscules et minuscules tout en bloquant les chiffres.

Dans ce tutoriel, nous vous montrerons l'extrait de code nécessaire pour restreindre la saisie de chiffres dans ces champs.

## Configuration du formulaire

Commencez par créer un nouveau formulaire et ajoutez un champ **Texte sur une seule ligne** que vous souhaitez restreindre. Dans notre exemple, nous l'utiliserons comme champ « Nom d'utilisateur ». Si vous avez besoin d'aide pour créer un formulaire, consultez notre [guide sur la création de votre premier formulaire](https://wpforms.com/docs/creating-first-form/).

Notez l'ID de votre formulaire et l'ID du champ, car vous en aurez besoin pour le code. Si vous ne savez pas comment trouver ces ID, veuillez consulter notre guide sur [comment trouver les ID de formulaire et de champ](https://wpforms.com/how-to-track-user-locations-with-wordpress-form-submissions/).

## Ajouter le code de validation

Ce code empêchera l'envoi du formulaire si des chiffres sont détectés dans le champ. Si vous avez besoin d'aide pour ajouter du code à votre site, veuillez consulter notre guide sur [l'ajout de code personnalisé à un site WordPress](https://wpforms.com/developers/how-to-add-custom-php-or-javascript-for-wpforms/).

Remplacez les valeurs suivantes dans le code PHP :

- À la **ligne 11** : remplacez **1000** par l'ID de votre formulaire
- À la **ligne 17** : remplacez **25** par l'ID de votre champ
- À la **ligne 22** : remplacez à nouveau **25** par l'ID de votre champ

Si le champ **Nom d'utilisateur** contient le moindre chiffre au moment de l'envoi du formulaire, un message d'erreur s'affichera et le formulaire ne sera pas envoyé.

![Vous pouvez désormais restreindre la saisie de chiffres dans un champ de texte à ligne unique](https://wpforms.com/wp-content/uploads/2022/07/restrict-numbers-error-message.jpg)## Option de validation en temps réel

Si vous préférez empêcher les utilisateurs de saisir des chiffres avant l'envoi du formulaire, vous pouvez mettre en place une validation en temps réel. Voici comment procéder :

Pour commencer, modifiez le formulaire et, une fois le champ **Texte sur une seule ligne** sélectionné, cliquez sur l'onglet **Avancé** sous **Options du champ** et ajoutez **no-numbers** dans le champ **Classes CSS**.

Ensuite, ajoutez ce code JavaScript à votre site :

Une fois l'extrait de code ajouté, un message d'erreur s'affichera immédiatement pour signaler l'erreur de validation au visiteur lorsqu'il quitte le champ en appuyant sur la touche Tab ou en cliquant ailleurs.

## Action de référence

[wpforms\_process](https://wpforms.com/developers/wpforms_process/ "Utilisation de l'action wpforms_process")

Souhaitez-vous également empêcher la saisie de caractères spéciaux dans un champ de formulaire **Texte sur une seule ligne** ? Consultez le tutoriel sur [Comment restreindre les caractères spéciaux dans un champ de formulaire](https://wpforms.com/developers/how-to-restrict-special-characters-from-a-form-field/ "Comment restreindre les caractères spéciaux dans un champ de formulaire").

**Catégories :** Champs

**Mots-clés :** Javascript, jQuery, JS, PHP

---