Form Validasyonu Nedir?
Form validasyonu, kullanıcıdan alınan verilerin doğru, eksiksiz ve beklenen formatta olup olmadığını kontrol etme işlemidir. Bu işlem, form verileri sunucuya gönderilmeden önce veya gönderildikten sonra yapılabilir. Amaç; hatalı veri girişlerini engellemek ve güvenli, sağlıklı veri toplamaktır.
Ne İşe Yarar?
Form validasyonu, kullanıcı deneyimini iyileştirir ve sunucu tarafında oluşabilecek hataların önüne geçer. Aynı zamanda güvenlik açısından da önemlidir; boş alanlar, hatalı e-posta adresleri veya eksik bilgiler daha form aşamasında tespit edilir.
En Basit Kullanımı (HTML5)
HTML5 ile birlikte gelen bazı özellikler sayesinde JavaScript kullanmadan temel form kontrolleri yapılabilir.
<form>
<input type="text" required>
<button type="submit">Gönder</button>
</form>Örnek Kullanımlar
Zorunlu alan (required)
Kullanıcının alanı boş bırakmasını engeller.
<input type="text" name="ad" required>E-posta doğrulama
Girilen değerin e-posta formatında olup olmadığını kontrol eder.
<input type="email" name="email" required>Minimum ve maksimum karakter kontrolü
Metin uzunluğunu sınırlandırmak için kullanılır.
<input type="text" minlength="3" maxlength="20">Sayı aralığı kontrolü
Sadece belirli aralıktaki sayıların girilmesine izin verir.
<input type="number" min="18" max="65">Pattern (regex) ile kontrol
Belirli bir formata uygun veri girişini zorunlu kılar.
<input type="text" pattern="[0-9]{11}" placeholder="TC Kimlik No">Ne Zaman Kullanılır?
- İletişim formlarında
- Üyelik ve giriş ekranlarında
- Sipariş ve ödeme formlarında
- Kullanıcıdan veri alınan her alanda
Küçük İpuçları
- HTML5 validasyonu kullanıcı dostudur ama tek başına yeterli değildir.
- Sunucu tarafında mutlaka ek doğrulama yapılmalıdır.
- Hata mesajları açık ve anlaşılır olmalıdır.
- Gereksiz zorlamalar kullanıcıyı formdan uzaklaştırabilir.