Avatar billede fixbabe Nybegynder
09. april 2007 - 17:27 Der er 6 kommentarer og
1 løsning

Tjekke inputs

Jeg søger et script der kan tjekke om 5 inputs er udfyldt eller ej, hvis ikke skal den melde fejl når man trykker på "submit"

inputs hedder 1,2,3,4 og 5
Avatar billede fixbabe Nybegynder
09. april 2007 - 17:49 #1
Det skal lige siges at hvis felterne ikke er udfyldt så skal blive på siden og ikke udføre et submit
Avatar billede roenving Novice
10. april 2007 - 00:26 #2
Hedder 1,2,3,4 og 5 ?-)

-- ikke så klogt et valg, hvis man skal tilgå dem via javascript, brug forståelige navne, som f.eks. fornavn, efternavn, nick, adgangskode m.m.m.

-- og hvis du skal gøre det, så brug et navn, der har et bogstav først, ellers skal du f.eks. til at have forskellig id og name !-)

-- men den simple løsning er at kalde onsubmit på form-tagget:

<form ... onsubmit="return valider(this);">

-- og scriptet skal så have denne form:

<script type="text/javascript">
function valider(f){

/*En blok som denne pr. felt, der skal valideres*/
  if(f.felt1.value == ""){
    alert("Du skal udfylde felt1, for at sende formularen");
    f.felt1.focus();
    return false;
  }
/*Blok slut*/

//Du kan også teste på andre måder, f.eks.
  if(!felt2.value.match(/^\d{3,4}$/)){//Typisk postnummer-test -- gælder danske inkl. færøske postnumre
    alert("Du skal udfylde felt2 med et postnummer, for at sende formularen");
    f.felt2.focus();
    return false;
  }

//Hvis scriptet ikke er blevet afbrudt med fejl inden, skal der returneres true, så submit sker korrekt
  return true;
}
</script>
Avatar billede fixbabe Nybegynder
10. april 2007 - 20:27 #3
Hmm jeg syntes ikke at kunne få det til at virke kan ske fordi jeg udskriver det via print..

<?
print '<form method="POST" action="">
    <input type="text" name="kasse1" size="20" value="'.$kasse1.'"><br>
    <input type="text" name="kasse1" size="20" value="'.$kasse2.'"><br>
    <input type="text" name="kasse1" size="20" value="'.$kasse3.'"><br>
    <input type="text" name="kasse1" size="20" value="'.$kasse4.'"><br>
    <input type="text" name="kasse1" size="20" value="'.$kasse5.'"><br>
    <input type="submit" value="Send" name="B1"></p>
</form>';
?>
Avatar billede roenving Novice
11. april 2007 - 03:08 #4
Prøv f.eks.

<?
print '<form method="POST" action="" onsubmit="return valider(this);">
    <input type="text" name="kasse1" size="20" value="'.$_POST["kasse1"].'"><br>
    <input type="text" name="kasse2" size="20" value="'.$_POST["kasse2"].'"><br>
    <input type="text" name="kasse3" size="20" value="'.$_POST["kasse3"].'"><br>
    <input type="text" name="kasse4" size="20" value="'.$_POST["kasse4"].'"><br>
    <input type="text" name="kasse5" size="20" value="'.$_POST["kasse5"].'"><br>
    <input type="submit" value="Send" name="B1"></p>
</form>';
?>

<script type="text/javascript">
function valider(f){

/*En blok som denne pr. felt, der skal valideres*/
  if(f.kasse1.value == ""){
    alert("Du skal udfylde felt1, for at sende formularen");
    f.kasse1.focus();
    return false;
  }
/*Blok slut*/

  if(f.kasse2.value == ""){
    alert("Du skal udfylde felt1, for at sende formularen");
    f.kasse2.focus();
    return false;
  }

  if(f.kasse3.value == ""){
    alert("Du skal udfylde felt1, for at sende formularen");
    f.kasse3.focus();
    return false;
  }

  if(f.kasse4.value == ""){
    alert("Du skal udfylde felt1, for at sende formularen");
    f.kasse4.focus();
    return false;
  }

  if(f.kasse5.value == ""){
    alert("Du skal udfylde felt1, for at sende formularen");
    f.kasse5.focus();
    return false;
  }

//Hvis scriptet ikke er blevet afbrudt med fejl inden, skal der returneres true, så submit sker korrekt
  return true;
}
</script>
Avatar billede fixbabe Nybegynder
22. august 2007 - 13:45 #5
Gider du lave et svar? din løsning virker perfekt
Avatar billede roenving Novice
04. september 2007 - 17:42 #6
Velbekomme '-)
Avatar billede roenving Novice
04. september 2007 - 18:01 #7
-- 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