Avatar billede breum Nybegynder
02. november 2007 - 10:23 Der er 2 kommentarer og
3 løsninger

Textbox men angivelse af hvor mange tegn der er skrevet i boxen?

Jeg har en textbox, hvor jeg godt kunne tænke mig at man allerede inden man submitter, kan se hvor mange tegn der er skrevet i textboxen. Altså en tæller der løbende opdateres, mens man skriver.

Sådan at når jeg skriver

Mariehønen Evigglad

i textboksen, så står der på siden
Du har skrevet: 19 tegn

Når så jeg skriver punktum står der 
Du har skrevet: 20 tegn
Avatar billede medions Nybegynder
02. november 2007 - 10:26 #1
<div id="antal"></div>
<input type="text" onkeydown="document.getElementById('antal').value = this.length" />

Det er ikke testet...

//>Rune
Avatar billede medions Nybegynder
02. november 2007 - 10:27 #2
Hov, prøv sådan her:;

<div id="antal"></div>
<input type="text" onkeydown="document.getElementById('antal').value = this.value.length" />

//>Rune
Avatar billede medions Nybegynder
02. november 2007 - 10:28 #3
Hmm tror egentlig du skal bruge onkeypress:

<div id="antal"></div>
<input type="text" onkeypress="document.getElementById('antal').value = this.length" />

//>Rune
Avatar billede medions Nybegynder
02. november 2007 - 10:29 #4
Men er det ikke sådan noget her du leder efter?

<form name="test">
<textarea name="ged" onkeyup="java script:tael()" onkeydown="java script:tael()" onclick="java script:tael()"></textarea><br>
antal tegn i feltet <input type="tekst" name="antal_tegn" READONLY>
</form>

<script language="javascript">
function tael() {

document.test.antal_tegn.value = document.test.ged.value.length;

}
</script>

//>Rune
Avatar billede roenving Novice
03. november 2007 - 14:44 #5
>>medions

-- bruger du stadig den totalt misforståede java script: pseudo-protokol i eventhandlers ???

-- den hører _kun_ til, hvor du ellers ville have brugt en url, for det er selvfølgelig ikke nødvendigt at fortælle javascript-fortolkeren at den skal tolke script i en script-event som script !-)

-- og så er den nemmeste udgave næsten den, du kommer med allerførst:

<div id="antal">&nbsp;</div>
<input type="text" onkeyup="document.getElementById('antal').firstChild.nodeValue = this.value.length" />
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester