Gedaan met laden. U bevindt zich op: IBAN rekeningnummer Formulieren

IBAN rekeningnummer

De documentatie van het Design System is nog in bèta en wordt stapsgewijs aangevuld.

Wanneer u het IBAN rekeningnummer van uw eindgebruiker vraagt in een formulier, gebeurt dit best op een gebruiksvriendelijke en uniforme manier overheen verschillende formulieren, pagina’s, websites en/of toepassingen. Idealiter wordt voorgestelde manier hieronder gehanteerd, om bij te dragen aan één overheidservaring.  

Standaard landcode voor België

In Belgische of Vlaamse formulieren kan het veld automatisch beginnen met de prefix ‘BE’. Dit bespaart tijd voor de gebruiker, omdat ze alleen de cijfers hoeven in te voeren.

Als er behoefte aan is, kan het ook mogelijk worden gemaakt om ‘BE’ manueel te wijzigen of te verwijderen. Dit gebeurt dan door ‘BE’ effectief te gaan verwijderen.

Input pattern (input mask)

Gebruik een input pattern of input mask om te garanderen dat de invoer voldoet aan het IBAN-formaat. Dit voorkomt dat gebruikers verkeerde tekens invoeren, wat bijdraagt aan foutloze en consistente gegevens.

De input mask zorgt ervoor dat het IBAN-nummer automatisch wordt opgemaakt met spaties tussen de cijfergroepen, zonder dat de gebruiker deze spaties dient in te geven. Voorbeeld van de weergave: BE12 3456 7890 1234. Dit maakt het IBAN-nummer overzichtelijker en eenvoudiger te controleren.

In het geval dat enkel Belgische IBAN-nummers aanvaard worden, kan men door gebruik van de juiste Input pattern (IBAN) ervoor zorgen dat enkel cijferinput toegelaten wordt (als BE dus niet verwijderd kan worden). IBAN nummer pattern is een gedefinieerd patroon en een variant van de Input pattern component.

Voeg een voorbeeld toe van hoe een IBAN-nummer er moet uitzien

Voeg een korte toelichting toe boven het invoerveld waarin je het formaat aangeeft (annotation), bijvoorbeeld: “Bestaat uit 2 letters en 14 cijfers, zoals BE12 3456 7890 1234”.

Don't
  • Geen voorbeeld of toelichting boven het invoerveld
  • Voorbeeld als placeholder
  • Zeer groot invoerveld
Do
  • Voorbeeld als toelichting/annotation
  • Geen placeholder
  • BE prefix (verwijderbaar indien nodig)
  • Breedte invoerveld beter afgestemd op lengte van verwachte invoer