Beispiele:
Geben Sie einen langen Text ein.
Beschreibung:Diese raffinierte Funktion kann z.B. Bestandteil eines größeren Bestell-Formulares sein. Mit dem Klick auf das Kontrollkästchen wird optisch signalisiert, dass ein Text Berücksichtigung finden soll.
Trägt jemand einen Text ein, ohne das Kontrollkästchen aktiviert zu haben, wird dies automatisch nachgeholt.
Beim Verlassen des Textfeldes wird kontrolliert, ob die Zeichenzahl zwischen einer vorgeschriebenen Mindest- und Höchstzahl liegt.
Bei Bedarf wird ein eintsprechendes Meldungsfenster ausgegeben und der gesamte Text markiert.
Funktion:
(zwischen <head>...</head> platzieren)
<script language="JavaScript1.2"><!--
function maxZeichen (formularX,elementY,max,min)
{
var box = elementY - 1;
laenge=document.forms[formularX].elements[elementY].value.length;
if (laenge>max && document.forms[formularX].elements[0].checked == true)
{
alert("Maximal "+max+" Zeichen stehen Ihnen zur Verfügung!\n"+
"Sie haben jetzt "+laenge+" Zeichen eingegeben");
eval("document.forms[formularX].elements[elementY].focus()");
eval("document.forms[formularX].elements[elementY].select()");
return false;
}
else
{
if (laenge<min && document.forms[formularX].elements[box].checked == true)
{
alert("Ihr Text ist kürzer als "+min+" Zeichen!\n"+
"Ihnen stehen "+max+" Zeichen zur Verfügung.\n\n"+
"Bitte ergänzen Sie den Text!");
eval("document.forms[formularX].elements[elementY].focus()");
eval("document.forms[formularX].elements[elementY].select()");
return false;
}
else return true;
}
}
// -->
</script> |
Hier kopieren:
Aktivierung:
Aufruf über Event-Handler:
<textarea name="Text" cols="40" rows="4" onblur="javascript:if (document.forms[0].elements[1].value != '') document.forms[0].elements[0].checked = true;maxZeichen (0,1,50,10)"> </textarea>
Hinweise:
maxZeichen (0,1,50,10)
0 - Formular 0 , die Zählung beginnt bei 0!
1 - Nummer des Feldes, dass den Text enthält (Textfeld), die Zählung beginnt innerhalb des Formulares bei 0!
50 - Maximal zulässige Zeichenzahl
10 - Minimal zulässige Zeichenzahl
if (document.forms[0].elements[1].value != '') document.forms[0].elements[0].checked = true;
Diese Programmzeile sorgt dafür, dass das Kontrollkästchen automatisch aktiviert wird, falls das Textfeld Zeichen enthält.
Bitte beachten!
Das Kontrollkästchen muss ein Feld vor dem Textfeld liegen!
|