Format belge : code postal, téléphone et numéro national
Les champs spécifiques à la Belgique nécessitent une attention particulière. On explique les formats, les masques de saisie et les claviers appropriés.
Pourquoi ces champs sont critiques
En Belgique, les formulaires web doivent gérer trois données essentielles : le code postal (4 chiffres), le numéro de téléphone (10 chiffres avec un format spécifique) et le numéro national (11 chiffres). Ces champs ne sont pas juste des boîtes de texte — ils demandent une compréhension claire des formats, une validation robuste et une expérience utilisateur optimisée.
C’est la différence entre un formulaire qui frustre les utilisateurs et un formulaire qu’ils remplissent sans penser. On va vous montrer comment construire ça correctement.
Les trois formats à maîtriser
- Code postal : 4 chiffres uniquement (ex: 1050 pour Bruxelles)
- Téléphone : Format +32 ou 0X XXX XX XX (10 chiffres au total)
- Numéro national : Format YY.MM.DD-XXX.YZ (11 chiffres avec date de naissance)
Le code postal : simple en apparence
Le code postal belge c’est 4 chiffres, point. Pas de lettres, pas de tirets, rien d’exotique. Vous penseriez que c’est facile, mais c’est là que les erreurs commencent. Les utilisateurs vont taper des espaces, des tirets, ou même oublier un chiffre.
La bonne approche ? Acceptez n’importe quoi au clavier, mais validez strictement. Si quelqu’un tape “10 50”, transformez ça en “1050” automatiquement. Supprimez les espaces et tirets en arrière-plan. C’est ce qu’on appelle le “masque de saisie invisible”.
Technique : Accepter et nettoyer
Utilisez l’attribut
inputmode="numeric"
pour afficher le clavier numérique. Ensuite, en JavaScript, retirez tous les caractères non-numériques. L’utilisateur tape ce qu’il veut, vous recevez exactement 4 chiffres.
Le numéro de téléphone : deux formats, une logique
Ici ça devient intéressant. La Belgique accepte deux formats : soit vous commencez par 0 (format local), soit par +32 (format international). Les deux sont valides, et les utilisateurs en connaissent un ou l’autre — pas forcément les deux.
Vous ne devriez pas forcer un format unique. Au contraire, acceptez les deux et convertissez-les en arrière-plan pour la validation. Si quelqu’un tape “0485 12 34 56”, c’est bon. Si c’est “+32 485 12 34 56”, c’est aussi bon. Vous stockez la version normalisée (+32 ou 0X) selon vos besoins.
Attribut clavier :
Utilisez
inputmode="tel"
pour afficher le clavier téléphone avec symbole + et tirets. C’est bien mieux que “numeric” pour les numéros de téléphone.
Le numéro national : la complexité belge
Le numéro national belge c’est un monstre de 11 chiffres qui encode la date de naissance : YY.MM.DD-XXX.YZ. Les deux premiers chiffres c’est l’année, puis mois, jour, trois chiffres de séquence, et deux chiffres de contrôle. Ça ressemble à un code secret, mais c’est juste un identifiant national.
Beaucoup de sites belges demandent ce numéro (secteur public, bancaire, assurances). Le défi ? Il faut valider que la date est réelle. Un “32.13.01” c’est pas valide — pas de 13e mois. Et le dernier chiffre, c’est un contrôle. Donc validez la date ET le contrôle.
Format d’affichage
Affichez le numéro avec ses tirets : “12.34.56-789.10”. C’est plus lisible que “12345678901”.
Validation côté client
Validez la structure, la date et le contrôle en JavaScript. Mais ne reposez jamais UNIQUEMENT sur la validation client — vérifiez toujours côté serveur.
Sensibilité
C’est une donnée personnelle sensible. Chiffrez-la en transit, limitez l’accès, et respectez la RGPD. Les utilisateurs doivent comprendre pourquoi vous la demandez.
Comment les implémenter sur mobile
Sur mobile, l’attribut
inputmode
c’est votre ami. Pour le code postal et le numéro national, c’est
inputmode="numeric"
. Pour le téléphone, c’est
inputmode="tel"
. Ça change le clavier affiché — numérique simple vs. clavier avec symboles.
Ne vous embêtez pas avec des masques visuels qui refusent certains caractères. C’est frustrant. Acceptez tout, nettoyez en arrière-plan, validez strictement. Les utilisateurs apprécient la flexibilité.
Checklist d’implémentation
-
Code postal :
inputmode="numeric", max 4 caractères, acceptez les espaces/tirets et nettoyez -
Téléphone :
inputmode="tel", acceptez 0X ou +32, validez 10 chiffres -
Numéro national :
inputmode="numeric", format YY.MM.DD-XXX.YZ, validez la date et le contrôle - Tous : messages d’erreur en français, clairs et précis
Résumé : pensez à vos utilisateurs belges
Les trois champs belges — code postal, téléphone, numéro national — ne sont que des détails, mais ils reflètent votre attention à la qualité. Acceptez la flexibilité de l’utilisateur, validez strictement en arrière-plan, et affichez des messages d’erreur en français clairs.
C’est pas compliqué, mais c’est facile de se tromper. Utilisez les bons attributs
inputmode
, testez sur de vrais téléphones belges, et vos utilisateurs vous remercieront en remplissant votre formulaire sans frustration.
Avis de non-responsabilité
Cet article fournit des informations éducatives sur la conception de formulaires web en Belgique. Les formats et validations décrits sont basés sur les standards belges actuels, mais peuvent varier selon les contextes métier spécifiques. Nous vous recommandons de tester vos implémentations avec des utilisateurs réels et de consulter la documentation officielle de la Belgique pour les exigences légales concernant le numéro national. Les pratiques de sécurité et de conformité RGPD doivent toujours être validées avec vos équipes juridiques et de sécurité.
Articles connexes
