A propos du widget Validation de la sélection

Un widget Validation de la sélection Spry est un menu déroulant qui affiche des états valides ou non valides lorsque l'utilisateur effectue une sélection. Par exemple, vous pouvez insérer un widget Validation de la sélection contenant une liste d'états, regroupés en différentes sections et séparés par des lignes horizontales. Si l'utilisateur sélectionne par erreur l'une des lignes de séparation au lieu d'un des états, le widget Validation de la sélection affiche un message pour indiquer que la sélection n'est pas valide.

L'exemple suivant montre un widget Validation de la sélection développé, ainsi que la forme réduite de ce widget dans divers états :


A.
Widget Validation de la sélection activé

B.
Widget Validation de la sélection, état valide

C.
Widget Validation de la sélection, état obligatoire

D.
Widget Validation de la sélection, état non valide

Le widget Validation de la sélection peut posséder divers états (par exemple valide, non valide, valeur obligatoire, etc.). Vous pouvez modifier les propriétés de ces états à l'aide de l'inspecteur Propriétés, en fonction des résultats de validation désirés. Un widget Validation de sélection peut effectuer une validation à différents moments, par exemple lorsque le visiteur clique en dehors du widget, pendant qu'il effectue une sélection ou lorsqu'il tente d'envoyer le formulaire.

Etat initial
Etat du widget lorsque la page se charge dans le navigateur, ou lorsque l'utilisateur réinitialise le formulaire.

Etat actif
Etat du widget lorsque l'utilisateur clique dessus.

Etat valide
Etat du widget lorsque l'utilisateur a sélectionné un élément valide, ce qui permet l'envoi du formulaire.

Etat non valide
Etat du widget si l'utilisateur a sélectionné un élément non valide.

Etat obligatoire
Etat du widget si l'utilisateur n'a pas sélectionné d'élément valide.

Lorsqu'un widget Validation de la sélection passe dans l'un de ces états suite à l'interaction avec l'utilisateur, la logique du cadre applicatif Spry applique une classe CSS spécifique au conteneur HTML pour le widget lors de l'exécution. Par exemple, si un utilisateur tente d'envoyer un formulaire mais n'a pas sélectionné d'élément dans le menu, Spry applique au widget une classe qui le force à afficher le message d'erreur « Vous devez sélectionner un élément ». Les règles qui contrôlent le style et les états d'affichage de messages d'erreur se trouvent dans le fichier CSS qui accompagne le widget, SpryValidationSelect.css.

Le code HTML par défaut du widget Validation de la sélection, généralement dans un formulaire, contient une balise conteneur <span> qui entoure la balise <select> de la zone de texte. Le code HTML du widget Validation de la sélection comprend également des balises script dans l'en-tête du document et après le marquage HTML du widget.

Vous trouverez une explication plus détaillée du fonctionnement du widget Validation de la sélection, ainsi qu'une description complète de son code, à l'adresse www.adobe.com/go/learn_dw_spryselect_fr.