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

[Toplam:1    Ortalama:3/5]
Avatar

sedat demirdoğan

-Yazılım Sınıfı Kurucusu -Bilişim Grubu Kurucu Üye -Bilişim Derneği Şişli Bölge Temsilcisi -Jollytur Yazılım Geliştirme Ekip Lideri -Kick Boks tutkunu, Gitarist ve Girişimci

JavaScript ile inputlara sadece harf girilmesini sağlamak” için 2 yorum

  • Avatar
    11 Mart 2014 tarihinde, saat 19:22
    Permalink

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

    Yanıtla
  • Avatar
    13 Mart 2014 tarihinde, saat 10:59
    Permalink

    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.

    Yanıtla

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

%d blogcu bunu beğendi: