Metin Alanları için Özel Doğrulama Kalıpları

Metin Alanları için Özel Doğrulama Kalıpları

A Metin alanı Kullanıcıların yazdığı her şeyi kabul eder, ancak bazen belirli formatlara ihtiyacınız olur. Web sitesi URL'leri, ürün kodları, lisans numaraları veya yalnızca harflerden oluşan isimler, geçerli olmalarını sağlayan kalıplara sahiptir. Özel doğrulama kalıpları, hangi formatın kabul edilebilir olduğunu tam olarak tanımlamanıza ve gönderimden önce hataları yakalamanıza olanak tanır.

Bu kılavuzda, WordPress formlarınızdaki metin alanlarına özel doğrulama kalıpları eklemeyi öğreneceksiniz.

Doğrulama Kalıpları Nelerdir?

Kavram

Doğrulama kalıpları, hangi girdinin geçerli olduğunu tanımlayan kurallardır:

  • “Sadece harf içermelidir”
  • "Geçerli bir URL olmalıdır."
  • “ABC-1234 formatıyla eşleşmelidir”
  • “Tam olarak 10 karakter olmalıdır.”

Onlar nasıl çalışır

  1. Kullanıcı metin alanına yazıyor.
  2. Gönderim sırasında (veya yazarken), girilen bilgiler kalıpla karşılaştırılır.
  3. Eğer eşleşirse: Doğrulama başarılı.
  4. Eğer böyle olmazsa: Hata mesajı gösterilir.

Faydalar

  • Veri kalitesi: Tutarlı formatlar sağlayın.
  • Hata önleme: Hataları erken yakalayın
  • Kullanıcı kılavuzu: Açık beklentiler
  • Aşağı akış uyumluluğu: Veriler diğer sistemlerle birlikte çalışır.

Dahili Doğrulama Kalıpları

Otomatik Form Oluşturucu Ortak kalıpları içerir:

model Onaylamak Örnek Geçerli Giriş
E-posta E-posta adresi formatı [e-posta korumalı]
URL Web sitesi URL'leri https://example.com
Sadece Harfler AZ, yalnızca az John Smith
Sadece Sayılar Yalnızca 0-9 12345
alfanümerik Harfler ve sayılar ABC123
görenek Kendi düzenli ifade deseniniz (desene bağlı olarak)

Yerleşik Kalıpları Kullanma

Adım 1: Metin Alanı Ekle

  1. Formunuzu açın A.F.B.
  2. Sürüklemek Metin alan oluşturmak
  3. Yapılandırmak için tıklayın

Adım 2: Doğrulama Kalıbını Seçin

  1. bulmak Doğrulama Kalıbı ayarlarda
  2. Lütfen açılır menüden seçim yapın:
    • Hiçbiri (desen yok)
    • E-posta
    • URL
    • Sadece Harfler
    • Sadece Sayılar
    • alfanümerik
    • görenek
  3. Ayarlarını kaydet

Adım 3: Test Doğrulaması

  1. Önizleme formu
  2. Geçerli bir giriş deneyin—başarılı olmalı.
  3. Geçersiz giriş yapmayı deneyin—hata mesajı göstermelidir.

Desen Örnekleri ve Kullanım Senaryoları

URL Doğrulaması

İçin kullanmak:

  • Web sitesi alanı
  • Portföy bağlantıları
  • Sosyal medya profilleri
  • Referans URL'leri

Geçerli örnekler:

  • https://example.com
  • http://www.example.com/page
  • https://example.com/path?query=value

Geçersiz örnekler:

  • example.com (protokol eksik)
  • www.example.com (protokol eksik)
  • sadece biraz metin

Sadece Harfler

İçin kullanmak:

  • Ad/Soyad (basit doğrulama)
  • Şehir isimleri
  • Ülke kodları
  • Alfabetik tanımlayıcılar

Geçerli örnekler:

  • John
  • Demirci
  • NewYork

Geçersiz örnekler:

  • John123
  • New York (uzay)
  • O'Brien (kesme işareti)

Not: Yalnızca harflerden oluşmalıdır. Boşluk, tire veya aksan işareti gerekip gerekmediğini göz önünde bulundurun.

Sadece Sayılar

İçin kullanmak:

  • Kimlik numaraları
  • Hesap numaraları
  • Miktar (sayı alanı kullanılmadığında)
  • PIN kodları

Geçerli örnekler:

  • 12345
  • 00123
  • 9876543210

Geçersiz örnekler:

  • 123-456 (tire)
  • 123.45 (ondalık)
  • 12345A

alfanümerik

İçin kullanmak:

  • Ürün kodları
  • Referans numaraları
  • Kullanıcı adları
  • Seri numaraları

Geçerli örnekler:

  • ABC123
  • User42
  • PROD001

Geçersiz örnekler:

  • ABC-123 (tire)
  • ABC 123 (boşluk)
  • ABC_123 (alt çizgi)

Özel Doğrulama Kalıpları (Regex)

Regex nedir?

Düzenli ifadeler (regex), metin biçimlerini tanımlayan kalıplardır:

  • ^ = Dizinin başlangıcı
  • $ = Dizinin sonu
  • [A-Z] = Herhangi bir büyük harf
  • [a-z] = Herhangi bir küçük harf
  • [0-9] = Herhangi bir rakam
  • {3} = Önceki sayının tam 3 katı
  • {2,5} = Önceki sayılardan 2 ile 5 arası
  • + = Bir veya daha fazla
  • * = Sıfır veya daha fazla
  • ? = İsteğe bağlı (sıfır veya bir)

Özel Desenler Oluşturma

  1. Doğrulama açılır menüsünden "Özel" seçeneğini seçin.
  2. Düzenli ifade kalıbınızı girin.
  3. Çeşitli girdilerle test edin

Yaygın Özel Desen Örnekleri

ABD Posta Kodu

Desen: ^\d{5}(-\d{4})?$

Doğruluyor:

  • 12345 (5 basamak)
  • 12345-6789 (ZIP+4)

Reddedilenler:

  • 1234 (çok kısa)
  • 123456 (çok uzun)
  • ABCDE (harfler)

ABD Telefon Numarası

Desen: ^\d{3}-\d{3}-\d{4}$

Doğruluyor: 555-123-4567

Esnek format için: ^\(?\d{3}\)?[-.\s]?\d{3}[-.\s]?\d{4}$

Doğruluyor:

  • 555-123-4567
  • (555) 123-4567
  • 555.123.4567
  • +555 123 4567

Ürün Kodu (ABC-1234 formatı)

Desen: ^[A-Z]{3}-\d{4}$

Doğruluyor:

  • ABC-1234
  • XYZ-9999
  • PRO-0001

Reddedilenler:

  • abc-1234 (küçük harf)
  • AB-1234 (sadece 2 harf)
  • ABC1234 (eksik tire)

Araç Plakası (Çeşitli Formatlar)

Desen (ABD genel): ^[A-Z0-9]{1,7}$

Doğruluyor: 1-7 büyük harf/rakam

Kredi Kartı (Temel Format)

Desen: ^\d{4}[\s-]?\d{4}[\s-]?\d{4}[\s-]?\d{4}$

Doğruluyor:

  • 1234567890123456
  • (+1234) 5678 9012 3456
  • 1234-5678-9012-3456

Not: Gerçek ödemeler için, doğrulama özelliğine sahip uygun ödeme işlemcilerini kullanın.

Kullanıcı Adı (Harfler, Rakamlar, Alt Çizgi)

Desen: ^[a-zA-Z][a-zA-Z0-9_]{2,19}$

Kurallar:

  • harfle başlıyor
  • Toplam 3-20 karakter
  • Sadece harfler, rakamlar, alt çizgi

Doğruluyor: kullanıcı_123, JohnDoe, test42

Hex Renk Kodu

Desen: ^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$

Doğruluyor:

  • #FF5733
  • #fff
  • #ABC123

Tarih (YYYY-AA-GG)

Desen: ^\d{4}-\d{2}-\d{2}$

Doğruluyor: 2026-01-15

Not: Tarihler için, tarih seçici içeren bir Tarih alanı kullanmak genellikle daha iyidir.

Saat (Saat:Dakika 24 saat)

Desen: ^([01]\d|2[0-3]):[0-5]\d$

Doğruluyor:

  • 09:30
  • 14:45
  • 23:59

Fatura Numarası (INV-YYYY-NNNN)

Desen: ^INV-\d{4}-\d{4}$

Doğruluyor:

  • INV-2026-0001
  • INV-2025-1234

Sosyal Güvenlik Numarası (ABD)

Desen: ^\d{3}-\d{2}-\d{4}$

Doğruluyor: 123-45-6789

Uyarı: Sosyal güvenlik numaralarını toplarken dikkatli olun; güvenlik ve gizlilik açısından sakıncaları olabilir.

Kendi Desenlerinizi Oluşturmak

Adım Adım Süreç

  1. Gereksinimleri tanımlayın: Hangi formata ihtiyacınız var?
  2. Yerle bir etmek: Hangi karakterler, kaç tane, hangi sırayla?
  3. Yapı kalıbı: Düzenli ifadeye çevir
  4. İyice test edin: Geçerli VE geçersiz girdiler
  5. Hata mesajı yaz: Kullanıcıların formatı anlamalarına yardımcı olun.

Örnek: Çalışan Kimliği

gereksinimi: 2 harf + 4 rakam + 1 harf (örneğin, AB1234C)

Yıkmak:

  • 2 büyük harf: [A-Z]{2}
  • 4 basamak: \d{4}
  • 1 büyük harf: [A-Z]
  • Öncesinde veya sonrasında hiçbir şey yok: ^ ve $

Son model: ^[A-Z]{2}\d{4}[A-Z]$

Test Desenleri

Formu kullanmadan önce:

  • Geçerli girişleri test edin (başarılı olmalı)
  • Geçersiz girişleri test et (başarısız olmalı)
  • Uç durumları test edin (sınırlar, özel karakterler)
  • Hata ayıklama için çevrimiçi regex test araçlarını kullanın.

Doğrulama için Hata Mesajları

Varsayılan Mesajlar

  • Lütfen geçerli bir değer girin.
  • “Bu alan geçersiz”

Daha İyi Özel Mesajlar

Kullanıcılara beklenen formatı bildirin:

model Daha İyi Hata Mesajı
Posta Kodu Lütfen geçerli bir posta kodu girin (örneğin, 12345 veya 12345-6789)”
Telefon "Lütfen telefon numarasını 555-123-4567 olarak girin."
Ürün Kodu “Biçim: ABC-1234 (3 harf, tire, 4 rakam)”
Kullanıcı Adı "Kullanıcı adı bir harfle başlamalı, 3-20 karakter arasında olmalı ve yalnızca harf/rakam/alt çizgi içermelidir."

Yer Tutucu ve Yardım Metni Kullanımı

Biçimi önceden göstererek hataları önleyin:

  • Yer tutucu: “ABC-1234”
  • Yardım metni: “Ürün kodunuzu girin (örneğin, ABC-1234)”

En İyi Uygulamalar

1. Basitle Başlayın

Mümkün olduğunca yerleşik kalıpları kullanın. Özel düzenli ifadeler karmaşıklığı artırır.

2. Aşırı Doğrulama Yapmayın

Aşırı katı kurallar kullanıcıları hayal kırıklığına uğratır:

  • Tire içeren isimler (Mary-Jane)
  • Kesme işaretli isimler (O'Brien)
  • Uluslararası karakterler (José, Müller)

3. Beklenen Formatı Göster

Kullanıcılardan ne beklediğinizi her zaman açıkça belirtin:

  • Örnek içeren yer tutucu
  • Biçimi açıklayan yardım metni
  • Hata mesajını temizle

4. Uç Durumları Test Etme

  • Boş giriş
  • Başlangıç/bitişte boşluklar
  • Özel karakterler
  • Maksimum uzunluk

5. Alternatifleri Düşünün

Bazen başka yaklaşımlar daha iyi olabilir:

  • Tarihler → Tarih alanını kullan
  • Sayılar → Sayı alanını kullan
  • Telefon → Telefon alanını biçimlendirme ile kullanın
  • Sabit seçenekler → Açılır menüyü kullan

Diğer Doğrulama Yöntemleriyle Birleştirme

Desen + Gerekli

  • Alan doldurulmalı VE desenle eşleşmelidir.
  • Boş bırakmak "gerekli" olanı sağlamaz.
  • Yanlış format, kalıbı bozuyor.

Desen + Minimum/Maksimum Uzunluk

  • Desen, biçimi doğrular.
  • Uzunluk, boyutu doğrular.
  • İkisinin de geçmesi gerekiyor

Sorun Giderme Kalıpları

Desen Çalışmıyor

Kontrol:

  • Söz dizimi doğru (yazım hatası yok).
  • Özel karakterler doğru şekilde kaçış karakterlerinden çıkarıldı.
  • ^ ve $ işaretleyicileri gerekirse kullanın.

Geçerli Giriş Reddediliyor

Kontrol:

  • Desen çok katı olabilir.
  • Desen içerisinde geçerli karakterler eksik.
  • Büyük/küçük harf duyarlılığı sorunları

Geçersiz Giriş Kabul Ediliyor

Kontrol:

  • Kalıp çok gevşek olabilir.
  • Eksik bağlantı noktaları (^ ve $)
  • Daha fazla örnekle test edin

Sıkça Sorulan Sorular

Birden fazla deseni birleştirebilir miyim?

Tek bir alan tek bir kalıp kullanır. Karmaşık doğrulama için, gereksinimleri alternatif (|) kullanarak tek bir düzenli ifadede birleştirin veya tüm gereksinimleri karşılayacak bir kalıp oluşturun.

Desenler büyük/küçük harf duyarlı mıdır?

Varsayılan olarak evet. Her iki büyük/küçük harf durumunu da eşleştirmek için [A-Za-z] kullanın veya destekleniyorsa büyük/küçük harf duyarsızlığı bayrağı ekleyin.

Boşluklara nasıl izin veririm?

Karakter sınıfınıza \s ekleyin: [A-Za-z\s] harfleri ve boşlukları eşleştirir.

Peki ya uluslararası karakterler?

Standart [A-Za-z] aksanlı karakterleri içermez. Uluslararası isimler için daha gevşek bir doğrulama düşünün veya herhangi bir harf için \p{L} (destekleniyorsa) kullanın.

Bulanıklaştırma durumunda mı yoksa gönderim durumunda mı doğrulama yapmalıyım?

İkisi de işe yarar. Odak kaybı (bulanıklık) durumunda daha hızlı geri bildirim verir. Gönderme işleminde ise her şeyi yakalar. Birçok form her iki özelliği de kullanır.

ÖZET

Özel doğrulama kalıpları ekleme:

  1. Desen türünü seçin – Dahili veya özel
  2. Deseni yapılandır – Düzenli ifade seçin veya girin
  3. Yer tutucu ekle – Beklenen formatı göster
  4. Yardım metni ekle – Gereksinimleri açıklayın
  5. Hata mesajını ayarla – Kılavuz düzeltmesi
  6. İyice test edin – Geçerli ve geçersiz girişler

Sonuç

Özel doğrulama kalıpları, belirli formatları zorunlu kılarak veri kalitesini sağlar. İster URL doğrulaması, ister ürün kodları veya özel tanımlayıcılar olsun, kalıplar gönderimden önce hataları yakalar ve kullanıcıları doğru girişe yönlendirir.

Otomatik Form Oluşturucu Yaygın kalıpları (E-posta, URL, Harfler, Sayılar, Alfanümerik) içerir ve özel doğrulama ihtiyaçları için özel düzenli ifadeleri destekler. Temiz veri, doğru doğrulama ile başlar.

Form girişlerinizi doğrulamaya hazır mısınız? Otomatik Form Oluşturucu'yu İndirin Formlarınızın doğru formatta veri topladığından emin olun.

Yorum bırak

E-posta hesabınız yayımlanmayacak. Gerekli alanlar işaretlenmişlerdir. *