JavaScript ile inputlara sadece harf girilmesini sağlamak

Merhaba arkadaşlar, bugün sizlere javascript ile inputlara sadece harf girilmesini sağlayıp diğer karakterlerin engellemesinin nasıl yapıldığını göreceğiz.

* Html

Harf: 

* JavaScript

$(document).ready(function () {
    $("#quantity").keypress(function (evt) {
             var charCode = (evt.which) ? evt.which : event.keyCode
            //Bu şartımız ile harf girildiği takdirde true olarak geri dönüş sağlıyoruz. 
            //(Yalnızca İngilizce karakterleri desteklemektedir. Türkçe karakterler için 2. Yöntemi kullanabilirsiniz.)
            if ((charCode <=93 && charCode >=65) ||(charCode <=122 && charCode >=97) || charCode==8) {
                return true;
            }
            return false;
        });
 });

* Türkçe karakterler için Ascii kodlardan yararlanacak olursak;
Türkçe karakter Ascii Kodları

$(document).ready(function () {
    $("#quantity").keypress(function (evt) {
             var charCode = (evt.which) ? evt.which : event.keyCode
            //Bu şartımız ile harf girildiği takdirde true olarak geri dönüş sağlıyoruz. 
            //Türkçe karakter desteği için ascii kod şartları aşağıya eklenmiştir.
            if (((charCode <= 93 && charCode >= 65) || (charCode <= 122 && charCode >= 97) || charCode == 8) || charCode == 350 || charCode == 351 || charCode == 304 || charCode == 286 || charCode == 287 || charCode == 231 || charCode == 199 || charCode == 305 || charCode == 214 || charCode == 246 || charCode == 220 || charCode == 252) {
                return true;
            }
            return false;
        });
 });

Bir başka makalede görüşmek dileğiyle…

Sedat Demirdoğan

PaylaşShare on Facebook2Tweet about this on TwitterShare on Google+0Pin on Pinterest0Share on Tumblr0Share on LinkedIn0Email this to someone

Yazar Hakkında Yazarın Bütün Yazıları Yazarın Web Sitesi

sedat demirdoğan

yazilimsinifi.com ve edebiyatsinifi.com Kurucusu, Jollytur Yazılım Geliştirme Ekip Lideri, Kick Boks tutkunu, Gitarist ve Girişimci.

2 YorumYorum Yazmak İçin

  • Yaptım ama çalışmıyor. Rakam yazacağım, örneğin 2 tuşuna bastığım anda hata versin istiyorum ama olmuyor.

  • Merhaba @Emirhan Yıldırım,

    else
    {
    alert(“Hata”);
    return false;
    }

    Yukarıdaki kod parçacığını return false kısmı ile revize edersen istediğin işlem gerçekleşecektir.

Bir Cevap Yazın

Your email address will not be published. Required fields are marked *

*