Zeichenzähler mit jQuery

Mit jQuery kann man schnell Features in seine Website einbauen. Deshalb habe ich diesen einfachen Textzähler geschrieben.

Der Zeichenzähler aktualisiert sich selbstständig mit jedem Zeichen innerhalb eine Eingabefelds. Er lässt sich auf der selben Seite beliebig oft einsetzen.

function count_characters( field_name )
{
  var get_length = $("#"+ field_name +"").val().length;
  $(".counter_"+ field_name +" span").text(get_length);
 
  return;
}

Es wird nur der Feldname an die Funktion übergeben. Diese zählt dann die Zeichen und schreibt sie in einen <div> Container.

<textarea onkeyup="count_characters('text1')" id="text1" name="text1"></textarea>
<div class="counter_text1"><span>0</span> Zeichen</div>

Anfangs werden 0 Zeichen eingeblendet, tippt man dann etwas wird die Null überschrieben.

Einen Kommentar schreiben

Spamcheck * Ja, ich bin ein Mensch. Dies dient dem Schutz vor Spam.
Name *
E-Mail *
Webseite
Kommentar *
Abschicken