Textarea Karakter Sınırlandırması
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:
149 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.