[JS] Textarea - Weitere Eingaben verhindern

**PHP-Desaster** · 23.05.2009, 17:34

How to stop further JavaScript events from executing - Stack Overflow

**nichtsooft** · 23.05.2009, 19:04

Danke für den Link Desaster! Aber man muss ja nicht gleich mit Kanonen auf Spatzen schießen!

Ich hab das jetzt mal so gelöst:

PHP-Code:


function zaehlen(txtarea, txtfield) {

 var max = 150;

 var inpt = document.getElementById(txtarea).value.length + 1;

 var outpt = document.getElementById(txtfield);

 outpt.value = max - inpt;

 if (inpt >= max) {

   // alert("Maximum erreicht !!!");

   document.getElementById(txtarea).style.color="#ee0000";

   var newval = document.getElementById(txtarea).value.substring(0, max);

   document.getElementById(txtarea).value = newval;

 } else if(inpt < max) {

   document.getElementById(txtarea).style.color="#000000";

 }

}

Leider bekomme ich bei der Ausgabe (ID: txtfield) falsche Werte... ^^

**onemorenerd** · 23.05.2009, 20:21

Ist zaehlen ein onChange- oder onKeyUp-Handler?
Was heißt "falsche Werte"? Was passiert denn?

**nichtsooft** · 24.05.2009, 17:00

Nun ja, anfangs stimmt die ausgegebene Zahl, jedoch wenn man jetzt her geht und einzelne Zeichen aus der Textarea raus löscht, ist der Wert um 1 zu klein! Selbiges trifft auch zu wenn man alle zeichen löscht! In diesem Fall gibt die function den Wert 149 zurück....

PHP-Code:


<FORM onKeypress="zaehlen('text', 'outp')" onKeydown="zaehlen('text', 'outp')">

**Speedy19102000** · 24.05.2009, 17:11

Moin!

Hier mal ein Beispiel:

PHP-Code:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

  "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<title>Test</title>

<meta http-equiv="content-type" content="text/html; charset=UTF-8">



<script type="text/javascript" >

function show_chars_left(textarea, max) {

    if(!max) max = 50;

    if(textarea.value.length >= max ) {

        textarea.value = textarea.value.substr(0, max);

        alert("Du darfst nur max. " + max + " zeichen eingeben!");

    }

    var infodiv = document.getElementById("charsleft");

    if(infodiv) infodiv.innerHTML = max - textarea.value.length;

}

</script>





</head>

<body>



<textarea rows=10 cols=50 onkeyup="show_chars_left(this, 50);"></textarea>

<div id="charsleft"></div>



</body>

</html>

MfG

**nichtsooft** · 24.05.2009, 17:33

Ja LOL!

Schon blöd wenn man sich falsche Variablen deklariert...

PHP-Code:


var inpt = document.getElementById(txtarea).value.length + 1;

......

if (inpt >= max) {

[JS] Textarea - Weitere Eingaben verhindern