Avatar billede kimox Nybegynder
01. december 2006 - 13:17 Der er 6 kommentarer og
1 løsning

Hjælp til formboxe

Hej Eksperter

Hvordan laver jeg så når man har skrevet de tilladte 6 tal i en box så hopper den videre til til næste box hvor man må skrive 4 tal. (det er som på www.mithk.dk ved cpr nummer).

          <input name="cpr" type="text" class="input" id="cpr" size="7" maxlength="6" />
-
<input name="fire" type="password" class="input" id="fire" size="5" maxlength="4" />
Avatar billede thesurfer Nybegynder
01. december 2006 - 16:25 #1
Det virker sådan her: onkeyup="skift(max-længde-indtastes-her,this.length,'navnet-på-det-næste-felt')"

<script type="text/JavaScript" language="JavaScript">
function skift(num,txt,next)
{
if (num == txt) document.getElementById(next).focus();
}
</script>

<form onsubmit="return false; // denne onsubmit skal fjernes!">
<input onkeyup="skift(6,this.value.length,'fire')" name="cpr" type="text" class="input" id="cpr" size="7" maxlength="6" />
<input name="fire" type="password" class="input" id="fire" size="5" maxlength="4" />
</form>
Avatar billede thesurfer Nybegynder
01. december 2006 - 16:26 #2
Rettelse ("navnet" ændret til "id", da det er ID="..." der bruges):

Det virker sådan her: onkeyup="skift(max-længde-indtastes-her,this.length,'id-på-det-næste-felt')"

<script type="text/JavaScript" language="JavaScript">
function skift(num,txt,next)
{
if (num == txt) document.getElementById(next).focus();
}
</script>

<form onsubmit="return false; // denne onsubmit skal fjernes!">
<input onkeyup="skift(6,this.value.length,'fire')" name="cpr" type="text" class="input" id="cpr" size="7" maxlength="6" />
<input name="fire" type="password" class="input" id="fire" size="5" maxlength="4" />
</form>
Avatar billede thesurfer Nybegynder
01. december 2006 - 16:29 #3
Hvis man ikke synes om "num", "txt" og "next", kan man naturligvis omdøbe variablerne.. bare man husker at ændre dem samtlige steder..

Eksempel:
---

Det virker sådan her: onkeyup="skift(max-længde-indtastes-her,this.length,'id-på-det-næste-felt')"

<script type="text/JavaScript" language="JavaScript">
function skift(max_laengde,nuvaerende_laengde,naeste_felt)
{
if (max_laengde == nuvaerende_laengde) document.getElementById(naeste_felt).focus();
}
</script>

<form onsubmit="return false; // denne onsubmit skal fjernes!">
<input onkeyup="skift(6,this.value.length,'fire')" name="cpr" type="text" class="input" id="cpr" size="7" maxlength="6" />
<input name="fire" type="password" class="input" id="fire" size="5" maxlength="4" />
</form>
Avatar billede kimox Nybegynder
01. december 2006 - 16:59 #4
script vil du have op i <head> ikke?
Avatar billede kimox Nybegynder
01. december 2006 - 17:10 #5
Det virker jo perfekt, lige en hurtig ting mere, hvordan slår jeg fra så den ikke kommer med denne lille box under et textfelt så man kan se hvad man har skrevet førhen.
Avatar billede thesurfer Nybegynder
01. december 2006 - 19:17 #6
Ifølge diverse kilder på nettet, skal man bare indsætte autocomplete="off" i form-tag'et:

<form ... autocomplete="off">

Hint: "..." betyder "alle de andre parametere"



PS:
Points gives ved at markere mit navn i boksen til venstre, og derefter klikke på Accepter-knappen..
Avatar billede kimox Nybegynder
02. december 2006 - 15:37 #7
Ja jeg ved sku godt hvordan man giver points, men vil ikke give nogle før jeg har lukker spørgsmålet. Tak for hjælpen.

-lukket-
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