HTML TextArea elemanına girilebilecek karakter sayısını sınırlamak

HTML‘de metin kutularına (<input type=”text” />) girilebilecek karakter sayısını maxlength özelliği ile kısıtlayabiliyoruz;

<input type=”text” id=”AdSoyad” maxlength=”75” /></pre>

Fakat TextArea elemanı için maxlength özelliği yer almamaktadır.

Eğer TextArea elemanı için maxlength özelliğini sağlamak istersek, sayfamıza javascript kodu eklememiz gerekir.

Örneğin, ilgili TextArea elemanına 100 karakterlik bir sınır koymak istiyorsak, aşağıdaki javascript kodunu sayfamıza ekleyebiliriz;

<script type="text/javascript">
    function TextAreaKarakterSayisiDogrula()
    {
        var sonSayi = 100 - document.getElementById("Adres").value.length;
        if (sonSayi >= 0)
        {
            document.getElementById("KalanKarakterSayac").innerHTML = sonSayi;
        }
        else
        {
            document.getElementById("Adres").value = document.getElementById("Adres").value.substring(0, 100);
            document.getElementById("KalanKarakterSayac").innerHTML = 0;
        }
    }
</script>

<textarea id="Adres" onkeyup="TextAreaKarakterSayisiDogrula()" cols="20" rows="5"></textarea>

Kalan karakter sayısı : <span id="KalanKarakterSayac">100</span>


Örnek kodu herhangi bir **html** sayfasına koyarsanız, *farklı tarayıcılarda* **sorun çıkartmadan** çalışacaktır.

İlgili diğer makaleler

blog comments powered by Disqus

Engin Polat hakkında

Senior Software Engineer, @Microsoft

Ada ve Ege'nin babası ;)

Kategoriler

İstatistik

Makale Adedi: 484

Creative Commons Lisansı