Introduce tu IBAN
IBAN-Feld mit Prüfziffer
Gruppiert die IBAN in Viererblöcken auf Sicherheitspapier, erkennt das Land und prüft am Ende die Prüfziffern.
Einstellungen
Code
<div class="uvq06-ib"><label for="uvq06-ib-in" class="lb">Bankkonto (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">Gib deine IBAN ein</p></div>Prompt für KI
Füg ihn in ChatGPT, Claude oder Cursor ein und der Baustein wird mit diesen Einstellungen an dein Projekt angepasst, auch ohne React.
Mehr aus Eingabefelder
Alle ansehen: EingabefelderWofür du ihn nutzen kannst
Ein Kontofeld, das dir die lästige Arbeit abnimmt. Es entfernt Leerzeichen und Kleinbuchstaben, gruppiert in Viererblöcken, ohne dass der Cursor springt, liest den Ländercode für die erwartete Länge und füllt eine Leiste Block für Block. Am Ende läuft die offizielle Modulo-97-Prüfung und zeigt ein Häkchen oder einen klaren Fehler.
Das Guilloche-Muster hinter dem Text nutzt die Hauptfarbe sehr zart, wie der Untergrund eines Schecks. Setze es in Gehaltsabrechnungen, Lastschriften und Bezahlformularen ein und ergänze bei Bedarf weitere Länder in der Längentabelle des Skripts.