Ajouter une validation au champ Curseur Numérique (formulaires à page unique et à plusieurs pages)

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

Dans ce tutoriel, nous 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 d'extraits PHP personnalisés.

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

Cet extrait utilise l'action wpforms_process_validate_number-slider pour vérifier la valeur du curseur après la soumission. Si la valeur soumise est 0 (ou inférieure à votre seuil), il ajoute une erreur de champ et empêche l'enregistrement de l'entré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. Cet extrait génère un petit script qui écoute l'événement wpformsBeforePageChange et arrête le changement de page si la valeur du curseur est inférieure à votre minimum.

C'est tout. Vous savez maintenant comment valider le champ Curseur Numérique pour les formulaires à page unique et à plusieurs pages.