Textarea - maximale Anzahl der Zeichen festlegen

**dieter99** · 25.03.2006 08:25

Hallo,
um in einen Textarea-Feld die maximale Anzahl der Zeichen festzulegen benutze ich folgendes Java-Script:

PHP-Code:


<script type="text/javascript">

<!--

function checkLen()

{

maxLen=100;

var txt=document.forms[0].benutzereingabe.value;

if(txt.length>maxLen)

    {

      alert("Bitte maximal "+maxLen+" Zeichen eingeben!");

      document.forms[0].benutzereingabe.value=txt.substring(0,maxLen);

      document.forms[0].zaehler.value=0;

    }

else

    {

    document.forms[0].zaehler.value=maxLen-txt.length;

    }

}



//-->

</script>

Nun ist es so das ich das Script für mehrere Textarea Felder anwenden will, wobei die maximale Anzahl der Zeichen für jedes Textarea Feld unterschiedlich sein soll. Kann mir jemand sagen wie ich in diesen Fall das Script anpassen muss?
Leider fehlen mir in JS die erforderlichen Programmierkenntnisse.

Vielen Dank

**Nightline** · 25.03.2006 14:51

Ganz einfach: Du übergibst der Funktion checkLen() einfach die gewünschte Zeichenanzahl als Parameter.

Das angepasste Script:

PHP-Code:


<script type="text/javascript"> 

<!-- 

function checkLen(anzahl) 

{ 

maxLen=anzahl; 

var txt=document.forms[0].benutzereingabe.value; 

if(txt.length>maxLen) 

    { 

      alert("Bitte maximal "+maxLen+" Zeichen eingeben!"); 

      document.forms[0].benutzereingabe.value=txt.substring(0,maxLen); 

      document.forms[0].zaehler.value=0; 

    } 

else 

    { 

    document.forms[0].zaehler.value=maxLen-txt.length; 

    } 

} 



//--> 

</script>

Der Aufruf:

PHP-Code:


<input type="submit" onclick="checkLen(150)">

**321** · 25.03.2006 18:39

Das funktioniert aber nur immer für das erste Formular und mit einer Texttarea namens benutzereingabe

var txt=document.forms[0] .benutzereingabe.value;

Also beim Scriptaufruf Name und Max-Länge übergeben.

Auf value=txt.substring(0,maxLen); würde ich verzichten,
damit der Benutzer den Text dort kürzen kann, wo er möchte.

**Nightline** · 25.03.2006 19:04

Zitat von 321

Das funktioniert aber nur immer für das erste Formular und mit einer Texttarea namens benutzereingabe

var txt=document.forms[0] .benutzereingabe.value;

Also beim Scriptaufruf Name und Max-Länge übergeben.

Woops, das hatte ich übersehen, danke für's Ausbessern!

**dieter99** · 26.03.2006 23:49

Zitat von 321

Das funktioniert aber nur immer für das erste Formular und mit einer Texttarea namens benutzereingabe

var txt=document.forms[0] .benutzereingabe.value;

Also beim Scriptaufruf Name und Max-Länge übergeben.

Auf value=txt.substring(0,maxLen); würde ich verzichten,
damit der Benutzer den Text dort kürzen kann, wo er möchte.

Ich benutze mehrere Textarea Felder auf einer Seite, weshalb ich tatsächlich ein Java Script brauche das mehrere Textarea Felder unterstützt.
Ich versuche jetzt mal den Code hinzubekommen:

PHP-Code:


<script type="text/javascript"> 

<!-- 

function checkLen(anzahl,formular,formularname) 

{ 

maxLen=anzahl; 

var txt=document.formular.formularname.value; 

if(txt.length>maxLen) 

    { 

      alert("Bitte maximal "+maxLen+" Zeichen eingeben!"); 

      document.formular.formularname.value=txt.substring(0,maxLen); 

      document.formular.zaehler.value=0; 

    } 

else 

    { 

    document.formular.zaehler.value=maxLen-txt.length; 

    } 

} 



//--> 

</script>

Aufruf über

PHP-Code:


<input type="submit" onclick="checkLen(150,forms[0],feldname1)">

Ist das so korrekt?

**steffenk** · 27.03.2006 00:43

geht noch einfacher

Code:

<script type="text/javascript">  
<!--  
function checkLen(id,zaehler,anzahl)  
{  
maxLen=anzahl;  
obj=document.getElementsById(id);  
zaehler=document.getElementsById(zaehler);  

if(obj.value.length>maxLen)  
    {  
      alert("Bitte maximal "+maxLen+" Zeichen eingeben!");  
      obj.value=txt.substring(0,maxLen);  
      zaehler.value=0;  
    }  
else  
    {  
    zaehler.value=maxLen-txt.length;  
    }  
}  

//-->  
</script>

und dann Aufruf über

<input type="text" id="zahler2" value="">
<textarea id="ta2" onchange="checkLen('ta2','zaehler2',anzahl)"></textarea>

**321** · 27.03.2006 08:47

Hi Steffen
in Fleiss und Sorgfalt gibts heut eine 3

-> getElementsById
-> obj.value=txt.substring(0,maxLen);
-> zaehler.value=maxLen-txt.length;
-> <input type="text" id="zahler2" value="">

HTML-Code:

<html><head
><script type="text/javascript"
><!--  
function checkLen(id,zaehler,anzahl)  
{  
var maxLen=anzahl;  
obj=document.getElementById(id); 
zaehler=document.getElementById(zaehler); 
if(obj.value.length>maxLen)  
    {  
      alert("Bitte maximal "+maxLen+" Zeichen eingeben!");  
      obj.value=obj.value.substring(0,maxLen);  
      zaehler.value=0;  
    }  
else  
    {  
    zaehler.value=maxLen-obj.value.length;  
    }  
}  

//-->  
</script>
</head><body>  
und dann Aufruf über
<br><br
><input type="text" id="zaehler2" value=""><br
><textarea id="ta2" onchange="checkLen('ta2','zaehler2',20)"></textarea
></body></html>

zur Startseite vom TP

Thema: Textarea - maximale Anzahl der Zeichen festlegen

LinkBack

Themen-Optionen

Thema durchsuchen

Thema bewerten

Textarea - maximale Anzahl der Zeichen festlegen

Aktive Benutzer

Aktive Benutzer