Avatar billede monarq Praktikant
15. oktober 2010 - 10:23 Der er 2 kommentarer og
1 løsning

Automatisk indsættelse af kolon i teksfelt

Jeg har et tekstfelt på en html-side hvor man skal indtaste klokkeslæt. Jeg ønsker at der automatisk indsættes kolon imellem timer og minutter. Fx. kl. 12:00, brugeren bare skriver 1200 og så viser tekstfeltet 12:00

Er det en let og simpel måde at gøre det på?
Avatar billede intenz Novice
15. oktober 2010 - 10:31 #1
En simpel løsning kunne være:
<script>
function formatTime(e) {
    var val = e.value;
    if (val.length > 2) {
        if (val.indexOf(':') != -1) {
            val = val.replace(":", "");
        }
        e.value = val.substr(0, 2) + ':' + val.substr(2, val.length);
    }
}
</script>

<input type="text" onblur="formatTime(this);" />


Den vil altid sætte : efter de første 2 tegn, hvis der er skrevet 3 eller flere tegn.
Avatar billede intenz Novice
15. oktober 2010 - 10:32 #2
Den er sat til onblur. Dvs. den vil først ændre det når man går væk fra feltet, du kan ændre den til onkeyup hvis du vil have den skal ændre det mens man skriver.
Avatar billede monarq Praktikant
15. oktober 2010 - 10:39 #3
Takker - det var præcis det jeg søgte...
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

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