Introduce tu IBAN
IBAN con dígito de control
Agrupa el IBAN de cuatro en cuatro sobre papel de seguridad, reconoce el país y comprueba los dígitos de control al terminar.
Ajustes
Código
<div class="uvq06-ib"><label for="uvq06-ib-in" class="lb">Cuenta bancaria (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">Introduce tu IBAN</p></div>Prompt para IA
Pégalo en ChatGPT, Claude o Cursor y adaptará el bloque a tu proyecto con estos ajustes, aunque no uses React.
Más en Inputs
Ver todos: InputsDónde usarlo
Un campo de cuenta bancaria que hace el trabajo pesado por ti. Quita espacios y minúsculas, agrupa de cuatro en cuatro sin mover el cursor, lee el código de país para saber la longitud esperada y rellena una barra por tramos. Al terminar aplica la comprobación oficial módulo 97 y muestra un check o un error claro.
El patrón de guilloché detrás del texto usa el color principal muy suave, como el fondo de un cheque. Úsalo en nóminas, domiciliaciones y pagos, y añade más países a la tabla de longitudes del script si los necesitas.