Kullanıcı Alanı
Kategoriler
Arama
Çevrimiçi Kullanıcılar
(1 Misafir) Toplam: 1
Son Kaydolan Kullanıcı: korsan_132
Yazar Kadrosu
| Yazar | Ders Sayısı |
| Erkan Coşu | 30 |
| Semih Coşu | 16 |
Anasayfa » Javascript » Textbox'a sadece sayı girilsin
Yazan: Erkan Coşu
Tarih: 29-01-2011 15:47
Okunma: 701
Tarih: 29-01-2011 15:47
Okunma: 701
Textbox'a sadece sayı girilsin
Merhaba arkadaşlar bu dersimizde kullanacağımız textbox'a sadece sayı girilmesini sağlayacağız.
Örneğin bir kayıt formu oluşturdunuz. T.C. Kimlik No için bir textbox elemanı koydunuz. Buraya sadece rakam girilmesi gerekiyor veya Telefon numarası alanı oluşturmak istiyorsunuz. Bu gibi durumlarda kullanıcının rakamlar haricinde karakterler girmesini engellemek için buralara ufak kontroller koyabiliriz. Bununla ilgili bir kaç yöntem bulabilirsiniz. Ben içlerinde en başarılı bulduğumu anlatacağım.
Önce HTML ile textbox elemanımızı oluşturuyoruz.
Kod:
Form elemanımızın içine ufak bir javascript kodu ekleyeceğiz :
Kod:
Burada onKeyDown yerine onKeyPress yazılabilirdi, fakat bu durumda sadece klavyeden rakam harici karakter girilmesini engelleyebilirdiniz, kullanıcı kopyala-yapıştır yaparak buraya rakam harici değerler yerleştirebilirdi.. Bu yüzden onKeyDown yöntemini tercih ettim.
* Unutmayınız tarayıcılarda javascriptleri iptal etme seçenekleri mevcuttur.. Yani kullanıcı tarayıcı ayarlarından javascript'i etkisizleştirirse bu yazmış olduğumuz kodların pek önemi kalmayacak :)
Örneğin bir kayıt formu oluşturdunuz. T.C. Kimlik No için bir textbox elemanı koydunuz. Buraya sadece rakam girilmesi gerekiyor veya Telefon numarası alanı oluşturmak istiyorsunuz. Bu gibi durumlarda kullanıcının rakamlar haricinde karakterler girmesini engellemek için buralara ufak kontroller koyabiliriz. Bununla ilgili bir kaç yöntem bulabilirsiniz. Ben içlerinde en başarılı bulduğumu anlatacağım.
Önce HTML ile textbox elemanımızı oluşturuyoruz.
Kod:
<input type="textbox" id="kodlasana" name="kodlasana">
Form elemanımızın içine ufak bir javascript kodu ekleyeceğiz :
Kod:
<input type="textbox" id="kodlasana" name="kodlasana" onKeyDown="if (event.keyCode < 45 || event.keyCode > 57) event.returnValue = false;">
Burada onKeyDown yerine onKeyPress yazılabilirdi, fakat bu durumda sadece klavyeden rakam harici karakter girilmesini engelleyebilirdiniz, kullanıcı kopyala-yapıştır yaparak buraya rakam harici değerler yerleştirebilirdi.. Bu yüzden onKeyDown yöntemini tercih ettim.
* Unutmayınız tarayıcılarda javascriptleri iptal etme seçenekleri mevcuttur.. Yani kullanıcı tarayıcı ayarlarından javascript'i etkisizleştirirse bu yazmış olduğumuz kodların pek önemi kalmayacak :)
Sadece üyelerimiz yorum yapabilir... Eğer üye iseniz lütfen giriş yapınız. Değilseniz hemen Buraya tıklayarak ücretsiz üye olabilirsiniz.