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

17 Eylül 2010

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

Emre Ozcan hakkında

Sistem Yöneticisi, Bilişim Teknoloji Takipçisi

#microsoft #VoIP

Kategoriler

İstatistik

Makale Adedi: 290

Creative Commons Lisansı