Get Element By Id error?

**Jesper Veldhuizen** · 03-11-2008, 10:37

Hallo allemaal,

Ik zit met een klein probleempje die voor grote problemen aan het zorgen is. Ik heb een erg groot script geschreven met een hoop javascript (document.getElementById();) maar nu ik de FORM tags toevoeg weigerd het script te werken.

Heb hieronder een voorbeeldje waar het dus ook niet werkt:
http://www.crazy-jessie.nl/prive/patrick/postcode.html

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
      <title></title>
      <style type="text/css">
      <!--
      -->
      </style>
      <script language="javascript" type="text/javascript">
      <!--
      function postcode()
      {
          var el = document.getElementById("postcode").value;
          el = el.toUpperCase()
          if (el.length == 6)
          {
                  var re = RegExp("^[0-9][0-9][0-9][0-9][A-Z][A-Z]$", "gi");
                  if (re.test(el))
                  {
                        alert('Postcode is goed');
                  }
                  else
                  {
                        alert('Postcode is fout');
                  }
          }
          else
          {
              alert('Dit is geen geldige postcode!');
          }
      }
      -->
      </script>
</head>
<body>
<form action="test.php" method="post">
      <strong>Postcode: </strong> <input type="text" name="postcode" id="postcode">
      <br /><br />
      <input type="button" value="Controleer" onclick="javscript:postcode();">
</form>
</body>
</html>

Maar als ik de FORM tags weg haal dan werkt het script wel?

Hoe kan ik dit oplossen?

Alvast bedankt,
Jesper

**Jesse D** · 03-11-2008, 10:39

Het probleem is dat je functienaam (postcode()) hetzelfde is als een ID in je HTML.

Wijzig de functienaam in postcodeChecken(); en je script werkt!

Get Element By Id error?