Jquery ile bir metin kutusuna girilecek karakter sayısını belirlemek

Özellikle form bilgilerindeki veri girişini kontrol ederken Jquery ile bir metin kutusuna (text) maksimum kaç karakter girilebileceğini ve bu karakterden fazla yazılmamasını sağlayabiliriz. HTML kodları içinde aşağıdaki gibi bir metin kutusu yazmış olalım. 


<input type="text" name="adsoyad" id="adsoyad" onkeydown="limitKeypress(event,this.value,40)">

Bütün Javascript/Jquery kodlamalarında olduğu gibi aşağıdaki kodu html sayasında body tag'i bitmeden önce yazınız.

<script type="text/javascript">
 
function limitKeypress(event, value, maxLength) {

    if (value != undefined && value.toString().length >= maxLength) {
        event.preventDefault();

    }
}
</script>

 
 
Burada jquery fonksiyonumuz parametre olarak maksimum kaç karakter girileceğini alıyor ve bu karakter sayısından fazla girildiğinde  event.preventDefault(); ile artık istenilen karakterden fazla girilmesini engelliyoruz.

Jquery ve JavaScript ile ilgili örneklerimize devam edeceğiz. 

Mutlu kodlamalar,
Oğuzhan TAŞ
Ocak, 2019
 
Bookmark and Share