Userinput validieren?

[Beat]

Also wenn man unter 300 Zeichen ist, dann sollte die Ampel auf Grün sein und wenn man über 300 Zeichen ist, dann sollte die Ampel auf Rot kommen.

Na aussagekräftige Information ist besser als eine 'Ampel'.

Der Ansatz ist, dem textarea einen Eventhandler zu geben, der eine Routine aufruft.

<textarea
   id="textarea"
   name="text"
   onkeyup="check_length(this.id, 300)"

</textarea>

Ich rufe eine Routine auf, und übergebe ihr die id des Elements zusammen mit der maximalen Textlänge.
Damit kann ich die Routine so schreiben, das sie bei bedarf auch andere Felder prüfen kann.

Prinzip:
Wenn der Text zu lange, blende ein Element (ampel_1) ein, indem display auf block geschaltet wird.

  
<script type="text/javascript">  
  
var ampel_1 = document.getElementById('ampel_1');  
  
function check_length( the_id, maxchars ){  
  var elem = document.getElementById(the_id).value;  
  if( elem.length > maxchars ){  
     ampel_1.style.display = "block";  
  }  
  else{  
     ampel_1.style.display = "none";  
  }  
}  
</script>  

Achtung der Code ist aus der Hüfte geschossen und nicht getestet
und nur ein Ansatzpunkt, wie man so was entwickeln kann.

mfg Beat