Javascript: Kullanıcıdan Veri Girişi İsteme İşlemleri

22 Ağustos 2016 Pazartesi

Javascript: Kullanıcıdan Veri Girişi İsteme İşlemleri

Javascriptte veri girişi ve verinin kontrolü oldukça kolay bir şekilde yapılmaktadır. Diyelim bir üyelik formu yapıyoruz. Burda kullanıcıdan yaş istiyoruz. Şimdi kullanıcı maximum sallıyorum 170 yaşına kadar kabul edelim. En düşük değer olarak da 0 alırsan kullanıcının yaşı 0 ile 170 arasında bir değer olabilir. Ama öyle birşey yapalım ki kullanıcı yaşını girdiğinde otomatikmen kullanıcıyı uyarsın. yani 40 yaşında biri yanlışlıkla fazladan 1 adet fazladan sıfıra basarsa 400 yaşına basmış bir üyenizi kaydedersiniz. Bunu kontrolünü sağlamak için. HTML tarafında yazmanız gereken tek şey ID atamak nesneye.
Örnek Vereyim

<body>
Yaşınızı giriniz
<input type="text" id="yas">
<div id="YasKontrol"></div>

var sonuc = document.getElementById('YasKontrol');
yas.addEventListener('input', function() {
var yasNumber = parseInt(yas.value);
<script>

var yas = document.getElementById('yas');

if(a > 0 && yasNumber < 170) sonuc.innerHTML = yas.value;

else sonuc.innerHTML = "Geçersiz Bir Yaş Değeri Girişi Yaptınız";

})

</script>

</body>

yukarıda iki adet ID özelliği olan nesnelerimiz var. Biri yaş değeri girilecek textbox diğeri ise sadece bir div ve içine sonucu yazdırmak için atadık onu tamamen.

22 Ağustos 2016 Pazartesi

Javascript: Kullanıcıdan Veri Girişi İsteme İşlemleri

Hiç yorum yok:

Yorum Gönder