JQuery ile Karakter Sayma

Konuyu Okuyanlar (0 kayıtlı üye )

sdkbyrm

olwα.ɴeт
Üyelik Tarihi
23 Aralık 2020
Mesajlar
813
Beğeniler
1
Puanı
3
Ticaret: 0 / 0 / 0
Bu örneğimizde jQuery ile sayfamızda bulunan textarea kontrolüne girilen karakter sayısını anlık olarak ekreanda göstereceğiz. Bu işlemi yaparken keyup olayından faydalanacağız. Her tuşa bastığımızda metnimizdeki karakter sayısını length metodu ile bularak ekranda gösterilmesini sağlayacağız.


Sayfamıza ait html ve <script> kodları aşağıdaki gibi olacaktır.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28

<!DOCTYPE html>
<html lang="">
<head>
<meta charset="utf-8">
<title>Jquery Örnekler</title>
<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.3.1.min.js"></script>


</head>

<body>
<textarea id="t1" rows="6"></textarea>
<div id="d1"></div>


<script>
//Text kutusuna yazdığımız yazının karakter sayısı text kutusunda görünsün
$(document).ready(function() {
$("#t1").on("keyup",function(){
var yazi =$("#t1").val();
$("#d1").html(yazi.length);
});
});
</script>
</body>
</html>
Ekran çıktısı:

 
Üst Alt