Textarea Nesnesine Girilen Karakter Sayısını Bulma

Twitter sitesindeki gibi kullanılan karakter sınırlandırmasının basit örneğini aşağıda bulabilirsiniz.

Örnek uygulama 140 karakter sınırlandırması yapmakta ve 140 karaterden fazla girmeye izin vermemektedir. Örnek javaScript kodları aşağıdadır.


<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>JS01</title>
</head>
<style>

textarea{
width: 300px;
height: 300px;
}

</style>

<body>
<textarea id="yazi"></textarea>
<br>
Kalan Karakter:<input type="button" id="sayac" value="140">


<script>

var yazi=document.getElementById("yazi");
var sayac=document.getElementById("sayac");

yazi.onkeypress=function(){

if(yazi.value.length>=160) return false;
}

yazi.onkeyup=function(e){


sayac.value=(160-yazi.value.length);


}


</script>
</body>
</html>

<!doctype html>

<html>

<head>

</head>

<style>

textarea{

width: 300px;

height: 300px;

}

</style>

<body>

<br>

Kalan Karakter:<input type="button" id="sayac" value="140">

var yazi=document.getElementById("yazi");

var sayac=document.getElementById("sayac");

yazi.onkeypress=function(){

if(yazi.value.length>=160) return false;

}

yazi.onkeyup=function(e){

sayac.value=(160-yazi.value.length);

}

</script>

</body>

</html>

İlgili

1 Yorum

JavaScript Karakter Sayma – Yazılım Bilişim Programlama dedi ki:

Şubat 13, 2018, 5:04 pm

[…] duyarız. Bu işlemi JavaScript kullanarak tarayıcı tarafında yapma şansımız var. Daha önce Textarea nesnesine girilen karakterleri sayma ile ilgili bir örnek yapmıştım. Bu yazı mevcut örnekten biraz daha farklı […]

Cevapla

Bunu paylaş:

İlgili

İlginizi Çekebilir

1 Yorum

Yorum Yap X