pattern Özelliği

pattern özelliği, bir HTML form giriş alanının düzenli ifade ile doğrulanmasını belirler.

Düzenli ifadeler, neredeyse her türlü doğrulama kuralını oluşturmanıza olanak tanıyan özel komutlardır. Onlarla daha ayrıntılı olarak PHP düzenli ifadeler kitabında veya JavaScript düzenli ifadeler kitabında tanışabilirsiniz.

Form gönderme girişiminde, bu özelliğe sahip alan doldurulmamışsa - tarayıcı formun gönderilmesine izin vermez ve bir açılır ipucu şeklinde hata gösterecektir. Maalesef, hata metnini ve görünümünü HTML veya CSS kullanarak değiştirmek mümkün değildir.

pattern özelliğinin varlığının, formun doğru şekilde doldurulup doldurulmadığını PHP tarafında sunucuda kontrol etme zorunluluğunuzu ortadan kaldırmadığını unutmayın (çünkü bu özellik aracılığıyla yapılan korumayı atlatmak kolaydır).

pattern özelliği input veya textarea etiketlerine uygulanmalıdır.

Örnek

Hadi input etiketine pattern özelliğini ekleyelim ve içine, inputa iki basamaklı bir sayı girildiğini kontrol eden bir düzenli ifade yazalım (örneğin, 25).

Herhangi bir sayı girin ve formu göndermek için düğmeye basmayı deneyin. Eğer iki basamaklı bir sayı girilmezse, tarayıcı formun gönderilmesine izin vermez ve bir hata mesajı gösterecektir, aksi takdirde form gönderilecektir:

<form action="">
	<input type="text" pattern="\d{2}">
	<input type="submit">
</form>

Örnek . Boş Alan

Bir önceki örnekte tarayıcı, sadece alan boş olmadığında hata veriyordu (gerçi boş alan iki basamaklı bir sayı değildir). Hadi, boş alan için de hata verilmesini sağlamaya çalışalım - pattern özelliğiyle birlikte required özelliğini de yazalım:

<form action="">
	<input type="text" pattern="\d{2}" required>
	<input type="submit">
</form>

Ayrıca Bakınız

required özelliği,
boş olup olmadığını kontrol etmek için kullanılır