Maximale Anzahl an Zeichen anzeigen lassen

Scripting-Tipps - JavaScript


Viele Eingabefelder in Formularen erlauben eine vordefinierte Anzahl an Zeichen. Alles, was darüber hinaus geht, wird nicht mehr angezeigt. Natürlich ist es an dieser Stelle sinnvoll, dem Besucher auch zu zeigen, wie viele Zeichen er noch übrig hat. Mit Hilfe von JavaScript ist dies ohne größeren Aufwand möglich. Fügen Sie einfach das folgende JavaScript in Ihre Webseite ein.


Beispiel:

<html>
<head>
<script language="JavaScript">
<!--
function RestlicheZeichenErmitteln(form)
{
    var ErlaubteAnzahl = 200;

    var Laenge = document.Formular.Nachricht.value.length;

    if(Laenge > ErlaubteAnzahl)
    {
        document.Formular.Nachricht.value = document.Formular.Nachricht.value.substring(0, ErlaubteAnzahl);
        RestlicheZeichen = 0;
    }
    else
    {
        RestlicheZeichen = ErlaubteAnzahl-Laenge;
    }

    document.Formular.Laenge.value = RestlicheZeichen;
}
//-->
</script>
<title>Maximale Anzahl an Zeichen anzeigen lassen</title>
</head>
<body>

<form name="Formular">
Noch <input size="3" name="Laenge" value="200"> Zeichen<br />
Ihre Eingabe <textarea cols="30" name="Nachricht" onblur="RestlicheZeichenErmitteln(this);" onchange="RestlicheZeichenErmitteln(this);" onfocus="RestlicheZeichenErmitteln(this);" onkeydown="RestlicheZeichenErmitteln(this);" onkeyup="RestlicheZeichenErmitteln(this);" rows="5"></textarea>
</form>

</body>
</html>


Erläuterung:
Über dem eigentlichen Textfeld erscheint ein kleines Input-Feld. Dieses zählt automatisch die Zeichen, die bereits im Textfeld eingegeben wurden und zieht dieses Ergebnis von dem Maximalwert der einzugebenden Zeichen ab. Das Ergebnis wird dann auch in dem Imput-Feld ausgegeben.



Weitere Artikel: