web-dev-qa-db-fra.com

Modèle commun pour "plusieurs champs, au moins un obligatoire"

Il est clair que l'astérisque est une norme Web populaire pour identifier les champs obligatoires sans condition.

Mais que se passe-t-il si un champ sur plusieurs est requis? Par exemple, il existe des champs distincts pour le téléphone personnel, le téléphone professionnel et le téléphone portable. Au moins un numéro de téléphone de toute nature est requis.

Les gens indiquent-ils généralement cela en utilisant des instructions sur la page? Les instructions ne sont pas très élégantes, mais il semble que les variations d'astérisque (hache de guerre, croix, etc.) ne font généralement qu'embrouiller les gens. Y a-t-il une meilleure solution?

15
Baa

Je ne connais pas de meilleure solution conventionnelle. Dans des situations comme celles-ci, j'essaie de faire quelque chose comme ça, avec un regroupement visuel des champs alternatifs et en plaçant l'astérisque à côté du titre du groupe:

enter image description here

Parfois ça marche, parfois - pas tant.

De plus, c'est toujours une bonne idée d'utiliser la validation en ligne, mais c'est doublement utile ici.

11
Vitaly Mijiritsky

Juste pour illustrer la réponse de @ Rain et le commentaire de LKM, voici une solution que j'utilise depuis longtemps avec d'excellents résultats:

At least one field required

15
Danita

Vous pouvez également reformuler la question et éviter la construction quelque peu inhabituelle "au moins une est requise" avec quelque chose comme ceci:

Phone Number Type Example

C'est un peu maladroit, mais cela contourne le problème de présenter à un utilisateur un type de formulaire que la plupart des gens n'ont jamais vu auparavant.

11
Rain

Pour des exemples comme la maison, le bureau, le téléphone mobile, j'ai tendance à utiliser les balises HTML Fieldset et Legend pour regrouper les options (après tout, c'est à cela qu'elles sont destinées). La légende peut alors dire quelque chose comme "Fournissez au moins un numéro de téléphone *" - avec l'astérisque conventionnel à la fin pour une reconnaissance facile. Le fieldset encapsule les entrées pour les 3 numéros de téléphone.

Cela transmet une bonne signification visuelle et des indices aux utilisateurs voyants et une technique conforme aux normes Web accessible aux lecteurs d'écran, etc.

0
Glen Finch