🎯 Intention

Le relevé d’identité bancaire peut être demander pour les applications de nos clients. Ce formulaire peut être source d’erreur et fastidieux, on cherche ici à améliorer l’UX des utilisateurs

Exemple de présentation d’un RIB (Relevé d’identité bancaire)

✅ Points clés

<aside> ⌛ Temps indicatif : 1h

</aside>

Etape

Visuel / Exemple

🔗 Input IBAN

• Min 14 caractères
• Max 34 caractères
• Ajouter automatiquement un espace tous les 4 caractères ✅ FR14 2004 1010 0505 0001 3M02 606 ❌ FR1420041010050500013M02606
• Utiliser la gem ‣ pour valider le format de l’IBAN
• Utiliser le site http://randomiban.com/ pour générer un fake IBAN pour vos tests La gem faker permet aussi de générer des IBAN valide

Raison :

L’IBAN est le principale identifier pour un RIB. Il est important de l’aérer pour améliorer la lecture de ce dernier.

<input name="iban" type="text" minlength="14" maxlength="34">

• Exemple de code JS pour formater l’input

🔗 Input BIC

• Constitué de 8 ou 11 caractères

Raison :

TODO

<input name="bic" type="text" minlength="8" maxlength="11">

🔗 Input Banque

Raison :

Il s’agit du nom de la banque

<input name="bank_name" type="text">

🔗 Input Domiciliation bancaire

Raison :

Il s’agit de l’adresse de la banque

❌ Erreurs type à éviter