IbanInput

Ne zaman kullanılır

Türkiye IBAN’ı istendiğinde: hesap bilgileri formu, profil ayarları.

Ne zaman kullanılmaz

• Başka ülkelerin IBAN’ları için: Bu sürüm yalnızca TR biçimini (26 karakter) bilir.
• Hesabı yalnızca göstermek için: Biçimli metin için formatIban, gizlemek için MaskedValue kullanın.

Anatomi

IBAN (TR'den sonraki 24 rakam)

TR

Hesap belgenizdeki IBAN'ı yazın ya da yapıştırın.

AçıkKoyu

Kodu kopyala

import { IbanInput } from '@bigbang/ui';

export default function Default() {
  return (
    <IbanInput label="IBAN" description="Hesap belgenizdeki IBAN'ı yazın ya da yapıştırın." className="max-w-sm" />
  );
}

1. Etiket: Ekran okuyucuya ne yazılacağıyla okunur: “IBAN (TR’den sonraki 24 rakam)”.
2. TR öneki: Sabit, değiştirilemez.
3. Rakamlar: Dörtlü gruplanır: 33 0006 1005 …
4. Onay işareti: Denetim geçince belirir.
5. Açıklama ve hata.

Davranış

• Yalnızca rakam alınır; 24 rakamdan fazlası kesilir. Boşluklar yazarken eklenir ve imleç aynı rakamın ardında kalır.
• Yapıştırılan IBAN’ın “TR” öneki, boşlukları ve tireleri atılır.
• 24 rakam tamamlanınca denetim çalışır: kontrol rakamları 02 ile 98 arasında, banka kodundan sonraki rezerv rakamı 0 ve ISO 7064 mod 97 (bigint ile). Biri geçmezse hata hemen görünür.
• Eksik IBAN için mesaj alandan çıkınca gösterilir; yazmaya başlayınca kaybolur.
• Formla gönderilen değer boşluksuz IBAN’dır (“TR33…”).

Yönergeler

• Etikette “IBAN” yeterlidir; TR öneki kutuda görünür.
• Denetim yalnızca rakamların tutarlılığını söyler; hesabın varlığını ve sahibini sunucuda doğrulayın.
• Yer tutucu kullanmayın; gruplama biçimi zaten gösterir.

İçerik

Anahtar	TR	EN
ui.iban-input.digits	TR’den sonraki 24 rakam	the 24 digits after TR
ui.iban-input.invalid	Bu IBAN geçerli değil; rakamları kontrol edin.	This IBAN is not valid; check the digits.
ui.iban-input.incomplete	IBAN 24 rakam içermeli; {count} rakam girildi.	The IBAN needs 24 digits; {count} entered.
ui.iban-input.valid	IBAN geçerli	IBAN is valid

İlgili bileşenler

• TextInput: Serbest metin.
• MaskedValue: Kayıtlı IBAN’ı gizli gösterme.