textareakisitlama

Textarea Karakter Sınırlandırması

Çoğu sitede görmekteyiz. Yorum veya bir başka textarea alanında sınırlandırma uygulanmakta ve XX kadar karakter kullanma hakkınız kalmıştır yazısı görmektesiniz, işte bunun nasıl yapıldığını gelin öğrenelim.

Örnek kod:

karakter kaldı.

Script Kodu:

<script type="text/javascript" src="http://www.google.com/jsapi"></script> <script type="text/javascript" language="javascript"> google.load("jquery", "1.4.2"); var characterLimit = 150; google.setOnLoadCallback(function(){ $('#remainingCharacters').html(characterLimit); $('#myTextarea').bind('keyup', function(){ var charactersUsed = $(this).val().length; if(charactersUsed > characterLimit){ charactersUsed = characterLimit; $(this).val($(this).val().substr(0, characterLimit)); $(this).scrollTop($(this)[0].scrollHeight); } var charactersRemaining = characterLimit - charactersUsed; $('#remainingCharacters').html(charactersRemaining); }); }); </script>

HTML kodu:

<textarea id="myTextarea"></textarea>

<span id="remainingCharacters"></span> karakter kaldı.

Notlar:
//Eğer bunu başka bir textarea'ya uygulamak istiyorsanız, onun id'sini script kodundan #myTextarea ile değiştirmeyi unutmayın.