PettyPirate: Formular Überprüfung bei Checkboxen und Auswahlisten geht nit

Hallo, hier mein quelltext.
Der soll das Formular nur abschicken wenn überall wenigstens 1 ausgewählt wurde!

Beim Textfeld klappt es!

Aber nicht bei den checkboxen und der auswahl!

Bei der auswahl darf "heino" nicht ausgewählt werden!

Ich weis nicht wieso es nicht klappt...theoretisch müsste es klappen!

Quelltext:

<html>
<head>
<title>Formulareingaben &uuml;berpr&uuml;fen</title>
<script type="text/javascript">
<!--
function chkFormular()
{
 if(document.Formular.User.value == "")  {
   alert("Bitte Ihren Namen eingeben!");
   document.Formular.User.focus();
   return false;
   }

if(document.Formular.top5.value == "Heino")  {
   alert("Bitte auswahl treffen!");
   document.Formular.top5.focus();
   return false;
  }

if(document.Formular.lol.value == "")  {
   alert("Bitte zutat wählen!");
   return false;
  }

}
//-->
</script>
</head>
<body bgcolor="#EEEEEE" text="#000000">

<h1>Formular</h1>

<form name="Formular" action="http://aktuell.de.selfhtml.org/cgi-bin/formview.pl" method="post" onSubmit="return chkFormular()">
<pre>
Name:     <input type="text" size="40" name="User">

<select name="top5">
<option>Heino</option>
<option>Michael Jackson</option>
<option>Tom Waits</option>
<option>Nina Hagen</option>
<option>Marianne Rosenberg</option>
</select>

<input type="checkbox" name="lol" value="salami"> Salami<br>
<input type="checkbox" name="lol" value="pilze"> Pilze<br>
<input type="checkbox" name="lol" value="sardellen"> Sardellen<p>

Formular: <input type="submit" value="Absenden"><input type="reset" value="Abbrechen">

Zum Absenden muss eine Internetverbindung bestehen!
</pre>
</form>

</body>
</html>

  1. hi,

    Ich weis nicht wieso es nicht klappt...theoretisch müsste es klappen!

    nein, nicht so ganz.

    if(document.Formular.top5.value == "Heino")  {

    ein select hätte zwar noch DOM eigentlich ein value, aber das mag der IE nicht so ganz glauben.
    nutze hier also das vorgehen wie unter http://de.selfhtml.org/javascript/objekte/options.htm beschrieben, um die gewählte option und ggf. ihren wert zu ermitteln.

    if(document.Formular.lol.value == "")  {

    auch bei den checkboxen ist der weg ein wenig anders, http://de.selfhtml.org/javascript/objekte/elements.htm#checked

    gruß,
    wahsaga

    --
    "Look, that's why there's rules, understand? So that you _think_ before you break 'em."
  2. Hi,

    <input type="checkbox" name="lol" value="salami"> Salami<br>
    <input type="checkbox" name="lol" value="pilze"> Pilze<br>
    <input type="checkbox" name="lol" value="sardellen"> Sardellen<p>

    wie soll hier was referenziert werden, wenn Du immer denselben Namen vergibst? Das macht man nur bei radios um eine Gruppe zu bilden - die man dann per Javascript als Array referenziert.

    Gruesse, Joachim

    --
    Am Ende wird alles gut.