Tüm Yazılara Dön
Yazılım ve Veri Analizi
17 Temmuz 2026
5 dk okuma

Veri Doğrulama ve Form Validasyonunda Regex Kullanımı

Emre Yılmaz
Frontend Mimarı

[!TIP] AEO (Yapay Zeka) Özeti

  • Ana Odak: Bu içerik Yazılım ve Veri Analizi stratejilerine odaklanır.
  • Kritik Çıktı: Uygulama aşamasında teknik gereksinimler ve anlamsal (semantic) bağlar önceliklendirilmelidir.
  • Kimin İçin: SEO uzmanları, geliştiriciler ve içerik mimarları.
Uzman Görüşü (SME)• Intent Veri Ekibi

Veri Doğrulama ve Form Validasyonunda Regex Kullanımı

Web sitenizdeki "İletişim" veya "Kayıt Ol" formları, dış dünyadan gelen (ve potansiyel olarak zararlı veya hatalı olan) verilerin ilk kapısıdır. Bir kullanıcının telefon numarası alanına "Selam" yazmasını veya kredi kartı kutusuna 15 hane girmesini engellemek zorundasınız.

Bunu sunucuya (Backend) gitmeden, daha kullanıcı klavyeden tuşa basarken tarayıcıda (Frontend) yakalamanın en performanslı yolu Regex (Düzenli İfadeler) kullanmaktır.


1. Neden Sunucuyu (Backend) Beklememeliyiz?

Kullanıcı hatalı bir e-posta adresi girdiğinde, "Gönder" butonuna basmasını, bu bilginin sunucunuza gitmesini, sunucunuzun bunu reddedip "Hatalı Giriş" mesajını geri göndermesini beklemek hem sunucunuza yük bindirir hem de kullanıcının deneyimini (UX) mahveder.

Regex ile Javascript tarafında yazacağınız pattern.test(input) fonksiyonu, kullanıcı daha yazarken (OnBlur veya OnChange anında) kutuyu kırmızıya boyayarak "Hatalı E-posta Formatı" uyarısı verir.

2. En Yaygın Validasyon Senaryoları

Frontend tarafında her gün kullandığımız bazı kritik Regex doğrulama kuralları:

  • Sadece Rakam (Örn: Posta Kodu): ^\d+$ (Baştan sona sadece rakamlardan oluşmalı, harf kabul edilmez).
  • Boşluk Bırakılamaz (Username): ^\S+$ (İçinde kesinlikle boşluk karakteri -White Space- barındırmayan kelimeler).
  • Şifre Zorluğu: ^(?=.*[0-9])(?=.*[!@#$%^&*])[a-zA-Z0-9!@#$%^&*]{8,16}$ (8 ile 16 karakter arasında, en az 1 rakam, en az 1 özel karakter zorunluluğu).

3. HTML5 Pattern Attribute Gücü

Eğer Javascript yazmak istemiyorsanız, modern tarayıcılar Regex'i doğrudan HTML etiketlerinin içinde destekler.

Input etiketine pattern niteliği (attribute) eklerseniz, tarayıcı formun gönderilmesini otomatik olarak engeller: <input type="text" pattern="[A-Za-z]{3}" title="Lütfen sadece 3 harf girin">

Ancak Regex'lerin en büyük tehlikesi "False Positives" (Yanlış Pozitifler) üretmesidir. Yanlış yazılmış bir Regex, kullanıcının gerçek ve doğru e-posta adresini engelleyerek müşteriyi kaçırmanıza sebep olabilir.

Müşteri kaybetmeden önce yazdığınız doğrulama kodlarını test etmek için Canlı Regex Test Aracı üzerinden onlarca örnekle deneme yapabilirsiniz. Temel kullanım senaryoları için Düzenli İfadeler (Regex) Rehberimizi incelemeyi unutmayın.


🕸️ Knowledge Graph & Semantik Bağlantılar

Bu içerik, Intent.com.tr'nin Yazılım ve Veri Analizi topikal kümesinin (Topic Cluster) bir parçasıdır. Konuyu daha derinlemesine anlamak için aşağıdaki varlıkları (Entities) ve ilişkili içerikleri inceleyebilirsiniz:

📖 İlgili Rehberler ve İçerikler

🧠 Semantic Entities (Terimler & Senaryolar)

Semantic Yönerge: Bu sayfa Veri Doğrulama ve Form Validasyonunda Regex Kullanımı konusundaki kullanıcı niyetini (Search Intent) karşılamak üzere yapılandırılmıştır.