Çözüldü HTML5 pattern nasıl kullanılır?

Barney28 · 15 Aralık 2022

Arkadaşlar yeni başladım HTML5'e şöyle bir soru var "pattern özelliğini kullanarak kullanıcı adının yalnızca küçük harflerden oluşması ve kullanıcı adı uzunluğunun 10 karakterden fazla olmamasını sağlayan deseni oluşturunuz." arkadaşlar ne denediysem yapamadım açıkçası pattern kodunu da tam anlayamadım bunu nasıl yapabilirim kodları nelerdir?

kaan.w · 15 Aralık 2022

HTML:

<form>
    <input type="text" pattern="^[a-z]{0,10}$" title="Küçük harf kullanın ve 10 karakteri geçmeyin." />
    <input type="submit" value="Gönder" />
</form>

Fatalis · 15 Aralık 2022

Eğer içerisinde rakam barındırabilecekse şunu deneyin:

HTML:

<input type="text" pattern="^[a-z0-9]{1,10}$">

Eğer içerisinde rakam olmayacaksa ve sadece harf içerecekse bunu kullanın:

HTML:

<input type="text" pattern="^[a-z]{1,10}$">

Barney28 · 15 Aralık 2022

Fatalis dedi:
Eğer içerisinde rakam barındırabilecekse şunu deneyin:

HTML:

<input type="text" pattern="^[a-z0-9]{1,10}$">

Eğer içerisinde rakam olmayacaksa ve sadece harf içerecekse bunu kullanın:

HTML:

<input type="text" pattern="^[a-z]{1,10}$">

Peki buna yanlış bir şey yaptığımızda uyarı vermesini nasıl sağlıyoruz? Mesela 10'dan fazla karakter girdiğinde uyarı vermesini istiyorum nasıl yapacağım?

kaan.w · 15 Aralık 2022

HTML:

<form>
    <input type="text" pattern="^[a-z]{0,10}$" title="Küçük harf kullanın ve 10 karakteri geçmeyin." />
    <input type="submit" value="Gönder" />
</form>

Fatalis · 15 Aralık 2022

Barney28 dedi:
Peki buna yanlış bir şey yaptığımızda uyarı vermesini nasıl sağlıyoruz? Mesela 10'dan fazla karakter girdiğinde uyarı vermesini istiyorum nasıl yapacağım?

<form> içerisinde kullanırsanız bunu zaten submit yapılmaya çalıştığında tarayıcı uyarı verecektir. Input'u <form> içinde kullanın.

Barney28 · 15 Aralık 2022

kaan.w dedi:

HTML:

<form>
 <input type="text" pattern="^[a-z]{0,10}$" title="Küçük harf kullanın ve 10 karakteri geçmeyin." />
 <input type="submit" value="Gönder" />
</form>

Fatalis dedi:
<form> içerisinde kullanırsanız bunu zaten submit yapılmaya çalıştığında tarayıcı uyarı verecektir. Input'u <form> içinde kullanın.

İstediğim şeyi yaptım teşekkürler 1 bucuk saattir uğraşıyorum.

Çözüldü HTML5 pattern nasıl kullanılır?

Ayrıntılı düzenleme

Barney28

Hectopat

kaan.w

Fatalis

Terapat

Barney28

Hectopat

kaan.w

Megapat

Fatalis

Terapat

Barney28

Hectopat

Benzer konular