Karakter Limiti

Mesaj girerken kalan karakter sayısını gösteren örnek kod

Merhaba arkadaşlar,

Bu dersimizde javascript kullanarak 150 karakter limitli bir textarea metin giriş kutusu oluşturacağız. Oluşturduğumuz mesaj kutusuna veri girildikçe javascript kodları bize kalan karakter sayısını gösterecek. Bir temizle butonu yardımıyla mesaj kutusunu temizleyeceğiz. Karakter limiti dolduğunda ise mesaj kutusuna giriş yapılamayacak. Şimdi aşağıdaki koldarı bir metin editörü yardımıyla yazıp çalıştırdığınızda aşağıdaki görüntüyü elde edeceksiniz.



Kodlar:


<html>

<head>

<title>Karakter Limiti</title>

<script language="javascript">



function limit(metin){

var uzn=metin.value.length;

var ydeger=150-uzn;

document.forms[0].kalan.value=ydeger;

if(ydeger==0){metin.disabled=true;}}



function temizle(){

document.forms[0].mesaj.value="";

document.forms[0].kalan.value="150";}



</script>

</head>

<body>

<h3>Karakter Limiti</h3>

<hr>

<form>

Mesaj<br>

<textarea rows="5" cols="35" name="mesaj" onKeyPress="limit(this)">

</textarea>

<br>

Kalan Karakter<input type="text" size="5" name="kalan" value="150" disabled>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

<input type="button" value="Temizle" onclick="temizle()">

</form>

</body>

</html>



İyi çalışmalar...
  • Etiketler;
Yorum Yaz

Yorum yazabilmek için üye girişi yapmanız gerekiyor!

IE7 ve Firefox tarayıcılarda karakter limiti bittikten sonra ve ayrıca temizle dedikten sonra text area nın disable değeri aktif kalıyor yani text area kilitli kalıyor, bir daha mesaj yazılamıyor, temizlense de yazılamıyor, temizlenmese de. Bence Yusuf Ustanın bir daha incelemesi lazım... Hörmetler...

Yukarı Git