Avatar billede henninghabor Nybegynder
08. august 2006 - 17:55 Der er 5 kommentarer og
1 løsning

Formater input

Hej,

Jeg har et input felt, som jeg gerne vil ha' lidt formatering på:

Ved det modsatte af onfocus, skal den tjekke om det indtastede er 2 tal, et kolon og 2 tal: (MM:SS), hvor MM er minutter og SS er sekunder.

Hvis der kun er et tal foran kolon skal den indsætte et nul foran tallet. Sådan skal den også gøre hvis der kun er et tal efter kolon.

Forstår I?
Avatar billede roenving Novice
08. august 2006 - 18:38 #1
F.eks. (inklusive nget grundlæggende validering !-)

<script type="text/javascript">
function formatTime(elm){
  var val = elm.value;
  if(!val.match(/^[0-5]\d:[0-5]\d$/)){
    if(val.match(/^[0-5]?\d:[0-5]?\d$/)){
      val = val.split(":");
      for(i=0; val.length > i; i++)
        val[i] = (val[i].match(/\d{2}/) ? "" : "0") + val[i];
      elm.value = val.join(":");
    }else{
      alert("Ugyldigt tidspunkt");
      elm.select();
      elm.focus();
    }
  }
}
</script>

<input ... onblur="formatTime(this);">

-- den kan så ikke gøre noget ved det, andet end fortælle, at fejlen er der (ihvertfald ikke i alle browsere !-)
Avatar billede henninghabor Nybegynder
08. august 2006 - 19:40 #2
Det er ligegyldigt med andre browsere, da det bare er til et internt pladearkiv, som jeg kun ser i IE.
Avatar billede roenving Novice
08. august 2006 - 19:45 #3
Okay, så velbekomme '-)
Avatar billede henninghabor Nybegynder
08. august 2006 - 19:59 #4
He he. Tak :)
Avatar billede henninghabor Nybegynder
09. august 2006 - 11:45 #5
Jeg valgte at bruge php til at formatere inputfeltet i stedet for. Og så splittede jeg feltet op i 2: 1 til minutter og det andet til sekunderne. :)
Avatar billede roenving Novice
09. august 2006 - 12:47 #6
Jamen, det er også en god idé, selvom det kan være et irritament, hvis man skal indskrive mange !-)

-- og tak for point ;~}
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