Karakter Sayma, Keyup Fonksiyonu
İletişim formlarında falan görmüşüzdür illaki mesaj kısmında Mesaj metni:5 karakter şeklinde.
Şimdi bizde aynı şekilde jQuery ile textarea içine girdiğimiz karakter sayısını gösterecek bir uygulama yapalım.
Öncelikle Html Kodlarımızı Yazalım
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8">
<meta name="description" content="" />
<meta name="keyword" content="" />
<meta name="author" content="Vehbi Akdogan" />
</head>
<body>
<p>Karakter Sayısı: <span id="karakter">0</span></p>
<textarea></textarea>
</body>
</html>
Evet Şimdi Jquery kodlarımızı yazmaya başlayalım.
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8">
<meta name="description" content="" />
<meta name="keyword" content="" />
<meta name="author" content="Vehbi Akdogan" />
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script type="text/javascript">
$(function(){
$("textarea").keyup(function(){
var karakterSayisi = $(this).val().length; // textarea içine girilen karakter sayısı
$("#karakter").html(karakterSayisi); // uzunluğu spanımızın içine attık
});
});
</script>
</head>
<body>
<p>Karakter Sayısı: <span id="karakter">0</span></p>
<textarea></textarea>
</body>
</html>
İşlemleri Yaptığımızda karakter sayımızın sayıldığınız göreceğiz.