Avatar billede bavingo Nybegynder
23. september 2010 - 11:39 Der er 1 kommentar og
1 løsning

Problemer med DOM struktur

Jeg er helt ny i Javascript og har i den forbindelse et lille problem til et eksempel fra den bog jeg har købt ("Javascript Programmering" af Kristian Hansen).

Min nuværende situation er at min kode ikke vil fungere selvom jeg har fulgt min tutorial meget præcist trin for trin.

Følgende er min HTML:


<form id="kontakt" action="indsend.php" method="post" onsubmit="return kontrollerFormular()">
    <table>
        <tr>
            <td>Navn <span class="obligatorisk">*</span></td>
            <td><input type="text" name="navn" value="test" /></td>
        </tr>


Følgende er mit Javascript


<script type="text/javascript" language="javascript">
    function kontrollerFormular() {
        alert(kontakt.navn.value);
        return false;
    }
</script>


Er der nogen der kan se mit problem? :D
Avatar billede tjens Nybegynder
23. september 2010 - 12:06 #1
Hvis du bruger Firefox og åbner fejlkonsol, får du en anbefaling om at bruge getElementId i stedet for at bruge ordet kontakt som global variabel.

Din alert skal se sådan ud:
  alert(document.getElementById("kontakt").navn.value);
Avatar billede Slettet bruger
23. september 2010 - 15:46 #2
Men name er "den rigtige måde" at gøre det på (i min opfattelse)

Dit problem er at funktionen ikke ved hvad du mener med "kontakt.xxx"
Du skal fortælle den at kontakt hører til din form (document.kontakt)

MEN din form har ikke noget name - kun et sølle id.
- Du har fået blandet disse to navngivningssystemer sammen...

Altså:

<form name="kontakt" blablabla...


function kontrollerFormular()
  {
  var brok = ""

  if (document.kontakt.navn.value == "")
      brok = brok + "- Mangler navn.\n"

  if (document.kontakt.tlf.value == "")
      brok = brok + "- Mangler telefonnummer.\n"

  if (brok == "")
      return true

  alert("Ret følgende fejl:\n" + brok)
  return false
  }
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