Introduce tu IBAN
IBAN avec clé de contrôle
Regroupe l'IBAN par quatre sur papier de sécurité, reconnaît le pays et vérifie la clé de contrôle à la fin de la saisie.
Réglages
Code
<div class="uvq06-ib"><label for="uvq06-ib-in" class="lb">Compte bancaire (IBAN)</label><div class="fd"><span class="cc" aria-hidden="true">··</span><input id="uvq06-ib-in" autocomplete="off" spellcheck="false" maxlength="42" placeholder="ES00 0000 0000 0000 0000 0000" aria-describedby="uvq06-ib-st"><span class="ck" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 12.5l4.5 4.5L19 7.5"/></svg></span></div><div class="gr" aria-hidden="true"><i></i><i></i><i></i><i></i><i></i><i></i><i hidden></i><i hidden></i><i hidden></i></div><p class="st" id="uvq06-ib-st" aria-live="polite">Saisis ton IBAN</p></div>Prompt pour l’IA
Collez-le dans ChatGPT, Claude ou Cursor : le bloc sera adapté à votre projet avec ces réglages, même sans React.
Plus dans Champs
Voir tout : ChampsOù l’utiliser
Un champ de compte bancaire qui fait le travail fastidieux à ta place. Il retire espaces et minuscules, regroupe les caractères par quatre sans déplacer le curseur, lit le code pays pour connaître la longueur attendue et remplit une barre bloc par bloc. À la fin, il applique la vérification officielle modulo 97 et affiche une coche ou une erreur claire.
Le motif guilloché derrière le texte reprend la couleur principale très légèrement, comme le fond d'un chèque. Utilise-le pour la paie, les prélèvements et les paiements, et ajoute d'autres pays au tableau des longueurs du script si besoin.