Maximale veldlengte met teller

Auteur: Dark_Paul - 13 augustus 2006 - 20:47 - Gekeurd door: Thomas - Hits: 4991 - Aantal punten: (0 stemmen)

Dit script controleert de lengte van een veld, en heeft er een teller bij. Als je het maximale aantal tekens hebt bereikt krijg je een alert (het is ook niet mogelijk meer tekens te typen).
Ik heb 'm getest in IE 6, IE 7 en FF, en 't werkt ook als je een toets inhoudt. Elke toetsaanslag wordt nu geteld.
Verander de variabelen naar wat voor jou van toepassing is en veel plezier ermee!

Code:

De functie:

php code - Bekijk de code zonder highlighting - Klap code in

                function Teller(tekstveld,maxlengte) {
		var teller = document.forms[0].elements['teller'];
	if (tekstveld.value.length > maxlengte) { // te lang, inkorten
	tekstveld.value = tekstveld.value.substring(0, maxlengte);
	window.alert('Je hebt het maximale aantal tekens bereikt!');
	}
	else {	// update tellerwaarde
	teller.value = maxlengte - tekstveld.value.length;
	}
}
            
function Teller(tekstveld,maxlengte) {
		var teller = document.forms[0].elements['teller'];
	if (tekstveld.value.length > maxlengte) { // te lang, inkorten
	tekstveld.value = tekstveld.value.substring(0, maxlengte);
	window.alert('Je hebt het maximale aantal tekens bereikt!');
	}
	else {	// update tellerwaarde
	teller.value = maxlengte - tekstveld.value.length;
	}
}
 

en zo roep je 'm aan:

php code - Bekijk de code zonder highlighting - Klap code in

                <form name="form">
<textarea name="tekstveld" rows="4" cols="20" onkeyup="Teller(this, 1000)" onkeydown="Teller(this, 1000)"></textarea><br />
<input type="text" disabled="disabled" name="teller" size="2" value="1000" />tekens resterend
</form>
            
<form name="form">
<textarea name="tekstveld" rows="4" cols="20" onkeyup="Teller(this, 1000)" onkeydown="Teller(this, 1000)"></textarea><br />
<input type="text" disabled="disabled" name="teller" size="2" value="1000" />tekens resterend
</form>
 

Download code (.txt)

Stemmen

Niet ingelogd.

Reacties

Post een reactie

Lees de reacties (3)