Résumé de l'IA
Souhaitez-vous exiger une valeur dans le champ du 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 de nombres ne comporte pas d'option obligatoire, mais vous pouvez ajouter une validation personnalisée.
Dans ce tutoriel, nous présenterons la validation côté serveur pour les formulaires à page unique et la validation côté client pour les formulaires à pages multiples qui bloque 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 lors de l'envoi (idéal pour les formulaires d'une seule page)
Cet extrait utilise la fonction wpforms_process_validate_number-slider pour vérifier la valeur du curseur après sa soumission. Si la valeur soumise est 0 (ou en dessous de votre seuil), il ajoute une erreur de champ et empêche l'enregistrement de l'entrée.
Cette validation s'exécute après l'envoi de l'ensemble du formulaire. Sur les formulaires multipages, elle n'affiche une erreur qu'après l'envoi final. Elle ne bloque pas le passage d'une page à l'autre.
Côté client : Changement de page en bloc (idéal pour les formulaires à plusieurs pages)
Pour les formulaires multipages, valider dans le navigateur avant que le formulaire ne passe à la page suivante. Ce snippet génère un petit script qui écoute la commande wpformsBeforePageChange et arrête le changement de page si la valeur du curseur est inférieure à votre minimum.
Voilà, c'est fait. Vous savez maintenant comment valider le champ Number Slider pour les formulaires à une ou plusieurs pages.