Avatar billede encorez Nybegynder
10. juni 2008 - 22:38 Der er 9 kommentarer og
1 løsning

Test på felt

Hej

Jeg har en submit knap og et felt hvori der står "Udfyld".

Hvordan er det jeg laver en onsubmit eller onclick i submitknappen der tester om feltet er tomt eller om der er skrevet andet end "Udyld" og kommer med en alarm og at feltet skal udfyldes.

Håber på et stump kode der hjælper mig på vej.

Hilsen Simon
Avatar billede roenving Novice
11. juni 2008 - 00:25 #1
F.eks.

<form action=" ... " method="post" onsubmit="return valider(this);">
<input id="minInput" name="minInput" type="text" value="Udfyld" onfocus="if(this.value==this.defaultValue)this.value='';" onblur="if(this.value=='')this.value=this.defaultValue;" size="20">
<br>
<input type="submit">
</form>

<script type="text/javascript">
function valider(f){
  if(f.minInput.value == "" || f.minInput.value == f.minInput.defaultValue){
    alert("Du skal udfylde feltet");
    f.minInput.select();
    f.minInput.focus();
    return false;
  }
  return true;
}
</script>
Avatar billede encorez Nybegynder
13. juni 2008 - 15:27 #2
Hej

Det var super godt og mere end jeg havde bedt om. Men nu ser jeg et lille problem, for min submit knap som dette skal virke på er kun én ud af fire i min form. Feltet skal altså ikke testes hvis man trykker på de andre submit kanpper og det bliver det jo lige nu fordi submit tingen står i form-headeren.
Jeg har prøvet at flyttet submit tingen ned i selve kanppen men det virker ikke.

Håber du kan give et godt indput til dette.

Mvh. Simon
Avatar billede roenving Novice
13. juni 2008 - 15:45 #3
Hvad gør de forskellige knapper ?-)
Avatar billede encorez Nybegynder
13. juni 2008 - 16:06 #4
Én knap er til tilmelding, én er til tilmelding af en gæst, og 2 andre knapper er til 2 andre statuser man kan vælge. Alle submit knapper. Men det er kun når jeg trykker på den ene den skal tjekke på feltet
Avatar billede roenving Novice
13. juni 2008 - 16:33 #5
Hvordan udløser du forskellighederne ?o]
Avatar billede encorez Nybegynder
13. juni 2008 - 16:51 #6
Det er navnet på knappen der udløser forskelligheden
Avatar billede roenving Novice
13. juni 2008 - 16:53 #7
Men f.eks.

<form action=" ... " method="post" onsubmit="return valider(this);">
<input id="minInput" name="minInput" type="text" value="Udfyld" onfocus="if(this.value==this.defaultValue)this.value='';" onblur="if(this.value=='')this.value=this.defaultValue;" size="20">
<br>
<input name="member" type="submit" onclick="mdlm=true;">
<input name="guest" type="submit" onclick="mdlm=false;">
</form>

<script type="text/javascript">
var mdlm = false;
function valider(f){
  if(mdlm && (f.minInput.value == "" || f.minInput.value == f.minInput.defaultValue)){
    alert("Du skal udfylde feltet");
    f.minInput.select();
    f.minInput.focus();
    return false;
  }
  return true;
}
</script>
Avatar billede encorez Nybegynder
13. juni 2008 - 17:08 #8
Perfect, simpelthen :)

Smidt et svar for hjælpen
Avatar billede roenving Novice
13. juni 2008 - 17:08 #9
Velbekomme '-)
Avatar billede roenving Novice
14. juni 2008 - 04:04 #10
-- 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