Text Input Elementinde Maskeleme

Text Input elementi, belirli formatlara uygun veri girişini sağlamak amacıyla maskeleme işlemlerini destekler. Böylece kullanıcıdan gelen verilerin doğru ve tutarlı formatta olması garanti altına alınır.

Temel Mask Sembolleri

  • 9: Rakam (0-9)
  • a: Harf (A-Z, a-z)
  • *: Alfanümerik karakter (A-Z, a-z, 0-9)

Örnek Maske Formatları

  • 99/99/9999: Tarih biçimi (örn. 01/01/2023)
  • (999)-999-9999: Telefon numarası (örn. (555)-555-1234)
  • $999,999.00: Para birimi (örn. $123,456.00)
  • aaaa9999: Harf ve sayı karışımı (örn. ABcd2025)
  • ***-***: Seri numarası formatı (örn. aZ3-bT7)
  • AA 9999: Plaka formatı (örn. TR 1234)

Ülke Bazlı Telefon Formatları

  • Türkiye: 999 999 99 99
  • Almanya: +49 99 999 99
  • Fransa: 9 99 99 99 99

Uygulama Adımları

  1. Elements panelinden Text Input elementini sayfaya sürükleyin.
  2. Sağ taraftaki Properties panelinden Mask bölümünü açın.
  3. Mask → Fixed Value alanına:
    • Manuel olarak bir maske formatı girin,
    • veya veri tabanından gelen bir değer bağlayın.

Maskeleme ayarlarını yaptıktan sonra önizleme alarak sonucu test edebilirsiniz.