Maximale veldlengte met teller
Auteur: Dark_Paul - 13 augustus 2006 - 20:47 - Gekeurd door: Thomas - Hits: 4989 - 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:
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:
<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. |
|