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>
Ö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>
Peki 10 ile 5 arasında sayısal değerler girilmesini istiyorsak napıyoruz ?
Bu yorumu şikayet ediyorsunuz: Peki 10 ile 5 arasında sayısal değerler girilmesini istiyorsak napıyoruz ?
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.
Bu yorumu şikayet ediyorsunuz: Merhaba, pattern içerisindeki değeri ^([5-9]|1[0])$ şeklinde değiştirirseniz 5-10 arası sayısal değerler girilebilir.
Deniz
04 Mayıs 2016 02:17
Harikaa Teşekkürler
Bu yorumu şikayet ediyorsunuz: Harikaa Teşekkürler
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
Bu yorumu şikayet ediyorsunuz: 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
Ferhat koç
31 Mart 2020 16:33
Satır parçacığı gayet başarılı çalışmakta teşekkürler paylaşım için.
Bu yorumu şikayet ediyorsunuz: Satır parçacığı gayet başarılı çalışmakta teşekkürler paylaşım için.
orhan durmuş
26 Kasım 2020 13:41
yalnızca büyük harf girdirmek istiyorsak ne yapacağız
Bu yorumu şikayet ediyorsunuz:
yalnızca büyük harf girdirmek istiyorsak ne yapacağız