<html lang="fr-fr" dir="ltr"><head></head><body>### [Ajout de la validation au champ Number Slider (formulaires à page unique et à plusieurs pages)](https://wpforms.com/developers/adding-validation-to-the-number-slider-field-single-page-and-multi-page-forms/)

**Publié le :** 8 septembre 2025
**Auteur :** Umair Majeed

**Contenu :**

Souhaitez-vous exiger une valeur dans le champ Number Slider ou empêcher les utilisateurs de passer à la page suivante tant qu’une valeur minimale n’est pas sélectionnée ? Le Number Slider n’inclut pas d’option Requise, mais vous pouvez ajouter une validation personnalisée.

Dans ce tutoriel, nous vous montrerons la validation côté serveur pour les formulaires à page unique et la validation côté client pour les formulaires à plusieurs pages qui bloquent les changements de page jusqu’à ce qu’une valeur valide soit sélectionnée.

Si vous avez besoin d’aide pour ajouter du code, veuillez consulter notre tutoriel sur [l’ajout de snippets PHP personnalisés](https://wpforms.com/developers/how-to-add-custom-php-or-javascript-for-wpforms/).

## Côté serveur : Valider à la soumission (idéal pour les formulaires à page unique)

Ce snippet utilise l’action `wpforms_process_validate_number-slider` pour vérifier la valeur du slider après la soumission. Si la valeur soumise est `0` (ou inférieure à votre seuil), il ajoute une erreur de champ et empêche la saisie d’être enregistrée.

Cette validation s’exécute après la soumission complète du formulaire. Sur les formulaires à plusieurs pages, cela affiche une erreur uniquement après la soumission finale. Cela ne bloque pas le passage d’une page à l’autre.

## Côté client : Bloquer le changement de page (idéal pour les formulaires à plusieurs pages)

Pour les formulaires à plusieurs pages, validez dans le navigateur avant que le formulaire ne passe à la page suivante. Ce snippet génère un petit script qui écoute l’événement `wpformsBeforePageChange` et arrête le changement de page si la valeur du slider est inférieure à votre minimum.

Voilà. Vous savez maintenant comment valider le champ Number Slider pour les formulaires à page unique et à plusieurs pages.

**Catégories :** Tutoriels, Champs

---</body></html>