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
1 2 3 | $(“input”).keyup(function(){ this.value = this.value.toUpperCase(); }); |
jQuery İle Tüm Inputlara Girilen Değerlerin Tamamını Küçük Harf Yapmak
1 2 3 | $(“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.
1 2 3 | $(“#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.
1 2 3 | $(“#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 toLowerCasemetodları jQuery’e özel metodlar değil. JavaScript’te yer alan string metodlarındandır.