kişisel düşünceler, üstüne bir de teknoloji..

jQuery İle Girilen Değerlerin Tümünü Büyük Ya da Tümünü Küçük Yapmak

Başlık biraz uzun oldu ama içeriğinde ne olduğunu en rahat bu şekilde anlatabilirim diye düşündüm. Yaptığımız birçok projede kullanıcıdan veri girişleri yapmasını istiyoruz. Zaman zaman da bu girişleri bir standarta bağlamamız gerekiyor. Mesela kullanıcı adı alanının sadece küçük harflerden oluşmasını ya da ad soyad alanının sadece büyük harflerden oluşmasını istiyor olabilirsiniz.

jQuery ile bu istediklerimizi yapmamız çok kolay. Yazının devamından konuyla ilgili örnek kodlardan kendinize uygun olanını kopyalayarak kullanabilirsiniz. Örnekler için öncelikle kendinize input’lar oluşturmayı unutmayın.

jQuery İle Tüm Inputlara Girilen Değerlerin Tamamını Büyük Harf Yapmak

$("input").keyup(function(){
    this.value = this.value.toUpperCase();
});

 jQuery İle Tüm Inputlara Girilen Değerlerin Tamamını Küçük Harf Yapmak

$("input").keyup(function(){
    this.value = this.value.toLowerCase();
});

Eğer işleminizden tüm inputların değilde sadece istediğiniz inputun etkilenmesini istiyorsanız o inputa bir id vererek bunu yapabilirsiniz. Aşağıdaki örnekler sadece belirlediğiniz id ye ait inputun etkilenmesini sağlayacaktır.

jQuery İle Belirli Bir Input’a Girilen Değerin Tamamını Büyük Harf Yapmak

Bu örnekte buyuk id’sine sahip inputa girilen tüm küçük harfler büyük harfe çevrilecektir.

$("#buyuk").keyup(function(){
    this.value = this.value.toUpperCase();
});

 jQuery İle Belirli Bir Input’a Girilen Değerin Tamamını Küçük Harf Yapmak

Bu örnekte kucuk id’sine sahip inputa girilen tüm büyük harfler küçük harfe çevrilecektir.

$("#kucuk").keyup(function(){
    this.value = this.value.toLowerCase();
});

Canlı Demo Görmek İçin Tıklayın

Not: Bu arada bu kodlarda kullanılan toUpperCase ve toLowerCase metodları jQuery’e özel metodlar değil. JavaScript’te yer alan string metodlarındandır.

3 Comments

  1. can

    Hepsini küçük yapsın ama baş harflerini büyük yapmasını istiyorum onu nasıl yapatım

    • Ahmet İşcan

      Merhaba,
      Her kelimenin mi yoksa sadece cümle başındaki ilk kelimenin mi baş harfini büyük yapmak istiyorsunuz? Doğrudan bir jQuery fonksiyonu hatırlamıyorum ama uygun bir fonksiyon bulunabilir.

  2. Hasan Ali

    merhaba Ahmet hocam.
    Çok güzel bir örnek olmuş fakat i karakterini İ şeklinde değilde I şeklinde büyütme işlemi yapıyor.

    Küçültme işleminde de büyük İ harfini değişik bir i harfine çeviriyor.

Bir cevap yazın

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