• Home
• »»
• Javascript
• »»
• Zeichen in Textarea zählen

Für Textareas kann man per HTML keine maximale Eintragslänge festlegen.
Man kann aber mit Javascript prüfen, wie viele Zeichen eingetragen wurden und darauf reagieren.
Hier der Quelltext:

function zaehlen() {
 max = 25;
 anz = document.formular.areal.value.length+1;
 document.formular.anzeige.value = max - anz;
 if(anz >= max){
  alert("Maximum erreicht !!!");
  }
 }

Für die Farbänderung wird das Script so erweitert :

function zaehlen() {
 max = 25;
 anz = document.formular.areal.value.length+1;
 document.formular.anzeige.value = max - anz;
  if(anz >= max){
   alert("Maximum erreicht !!!");
   document.getElementById("areal").style.color="#ff0000";
  } else
  if(anz < max) {
   document.getElementById("areal").style.color="#00c000";
 }
}

Und der Quelltext für das Formular :

<form  name="formular" onKeypress="zaehlen()" onKeydown="zaehlen()">
<textarea name="areal" id="areal" rows="4" cols="40" style="color:#00c000"></textarea><br>
max. Anzahl Zeichen : <input type="text" name="anzeige" size="3">
</form>

Ein Beispiel :

Zufriedenstellend getestet mit IExplorer 5.5, Netscape 6.0, Mozilla 1.1 und Opera 6.0, wobei Opera die Farbänderung nicht durchführt.