Öneri ve Hata Raporu



Günün Sözü Sevemez kimse seni benim sevdiğim kadar

oylama 3.1/5 yorum 4 yorum yazar Hakan Taşan tarih 06 Ağustos 2015

HTML5’in getirdiği yenilikleri kullanarak sadece sayısal değerlerin girildiği bir input alanı oluşturacağız. Input alanına sadece rakam girilebilecek, rakam dışındaki karakter yazımlarına izin verilmeyecek. HTML5 sayesinde tek satırda bu işlemi yapabiliyoruz. Javascript veya jQuery ile uğraşmak istemiyorsanız bu yöntemi uygulayabilirsiniz. Bu işlemi yaparken pattern özelliği ile Regular Expression’lardan yararlanacağız.

Örnek 1)

Bu örnekle input alanına sadece sayı girilmesini sağlayacağız. pattern özelliğinde Reguler Expression kullanarak sadece sayı girilmesine izin veriyoruz. \d rakamlar için kullanılır. required ile input'un boş bırakılmasını engelliyoruz.

Not: Eğer tek rakam girilsin istiyorsanız \d , birden fazla rakam girilsin istiyorsanız \d* kullanmalısınız.

<input type="text" pattern="\d" title="Bu input'a sadece sayısal değer girilebilir" required>

 

onizleme

Örnek 2)

Bu örnekle input alanına sadece 11 haneli sayı girilmesini sağlayacağız. TC No alanı gibi düşünebilirsiniz. Yine pattern özelliğinde Reguler Expression kullanarak sadece sayı girilmesine izin veriyoruz. \d rakamlar için kullanılır, {11} ise 11 haneli olacağını gösterir. required ile input'un boş bırakılmasını engelliyoruz.

<input type="text" pattern="\d{11}" title="Bu input'a sadece 11 karakterli sayısal değer girilebilir" required>

 

onizleme

paylaş Paylaş
oylama yap Oyla

makale yorumları YORUMLAR

4 Yorum


yorum

ibrahim SAYAR

05 Kasım 2015 01:44


Peki 10 ile 5 arasında sayısal değerler girilmesini istiyorsak napıyoruz ?

yorum

Admin

05 Kasım 2015 12:42


Merhaba, pattern içerisindeki değeri ^([5-9]|1[0])$ şeklinde değiştirirseniz 5-10 arası sayısal değerler girilebilir.

yorum

Deniz

04 Mayıs 2016 02:17


Harikaa Teşekkürler

yorum

Muhammet

24 Ekim 2016 20:40


selam arkadaşlar bir sorum olucak yardımcı olursanız sevınırım yoksa kafayı yıyecem çözemedim bir sorunu. şimdi
1. Sorum bir sayının kendı kendıne artmasını istiyorum.Örneğin ; 1 iken 2 iken 3 diye artsın ama bu artış zaman içinde örneğin: 1 saat sonra sayı 100 olsun

2.Sorum stok sınırım 100 artan sayının 100 de durmasını istiyorum. bunu nasıl yapabilirim yardımcı olursanız sevınırım.

Kullandığım program Dreamweaver CS6 yardımcı olursanız çok sevinirim. Şimdiden teşekkürler