Form Alanına Yalnızca Sayısal Değer Girme Kontrolü

Temmuz 04 12:31 2015 Yazar: A.Gökhan, M.Sc. Bu yazıyı yazdır

Geçtiğimiz konularda büyük ve küçük harflerin ASCII kodlarını ve bu değeri bulmayı göstermiştik. Bu bölümde Bu ASCII kodlar vasıtasıyla yalnızca sayısal değer girilmesini istediğimiz telefon, yaş ve yıl bilgisi gibi bir form alanında gerekli kontrolü oldukça basit bir şekilde yapacağız.

Daha önce de söylediğimiz gibi, bir karakterin, ASCII kodundan kendisine erişebilmekteyiz. Yalnızca sayısal değer girilmesini istediğimize göre 0-9 aralığındaki sayılar için veri giriş izni vermeliyiz. Klavye ile input işlemini temsil eden onkeypress fonksiyonu burada işimizi görecek diye düşünüyorum, şöyle ki:

<input 
  type="text" 
  name="TelefonNumarasi" 
  id="TelefonNumarasi" 
  maxlength="14" 
  onkeypress="return event.charCode >= 48 && event.charCode <= 57"
/>

<input

type="text"

name="TelefonNumarasi"

id="TelefonNumarasi"

maxlength="14"

onkeypress="return event.charCode >= 48 && event.charCode <= 57"

id ve name attribute değerleri TelefonNumarasi olan text form alanının onkeypress fonksiyonuna ASCII değerleri 48 ile 57 arasında olan 0-9 aralığındaki sayıların girişine izin vererek yalnızca sayısal değer girilmesini kontrol etmiş olduk.

Yukarıdaki kodları aşağıdaki form üzerinden deneyebilirsiniz.

Telefon Numarası:

Harf yazamadığımızı, yalnızca sayı girebildiğimizi rahatlıkla görebilirsiniz.