Formulardaten testen?

html.de-Forum HTML, XHTML & CSS
1

Hi, bin neu im Forum und brauch direkt mal eure Hilfe.

Umzwar soll er mir Fehler ausgeben, wenn ich bei den Formularfelder Nachname, Strasse, Stadt leer lasse. Es will aber einfach nicht funktionieren, vielleicht könnt ihr mir helfen…
Danke schonmal…

[HTML]<?xml version="1.0" encoding="ISO-8859-1" ?>

Bitte aktivieren Sie JavaScript !

Bestellung 
      <body onload="tblRows()">

            <div class="header">Bestellung</div>
            <form name="form1" action="http://www.fbi.h-da.de/cgi-bin/Echo.pl" accept-charset="UTF-8" method="post" onsubmit="return pruefen()" >
            <!-- Speisekarte-->
            <div class="Pizze">
                    <table class ="tbl">

                        <tr>
                            <th>Bild</th>
                            <th>Pizza</th>
                            <th>Preis</th>
                        </tr>
                                    <tr class="normal" id="Margherita" onclick="add(this.id, 'Warenkorb'); summe('Warenkorb', 'summe');"
                                            onmouseover="Over(this);" onmousedown="Down(this);"
                                            onmouseup="Up(this);" onmouseout="Out(this);">
                                            <td><img src="ma.jpg" alt="Bild der Pizza" /></td>
                                            <td>Margherita</td>
                                            <td>4,00 &euro;</td>
                                    </tr>
                                    <tr class="normal" id="Salami" onclick="add(this.id, 'Warenkorb'); summe('Warenkorb', 'summe');"
                                            onmouseover="Over(this);" onmousedown="Down(this);"
                                            onmouseup="Up(this);" onmouseout="Out(this);">
                                            <td><img src="salami.jpg" alt="Bild der Pizza" /></td>
                                            <td>Salami</td>
                                            <td>4,50 &euro;</td>
                                    </tr>
                                    <tr class="normal" id="Tonno" onclick="add(this.id, 'Warenkorb'); summe('Warenkorb', 'summe');"
                                            onmouseover="Over(this);" onmousedown="Down(this);"
                                            onmouseup="Up(this);" onmouseout="Out(this);">
                                            <td><img src="tonno.jpg" alt="Bild der Pizza" /></td>
                                            <td>Tonno</td>
                                            <td>5,00 &euro;</td>
                                    </tr>
                                    <tr class="normal" id="Hawaii" onclick="add(this.id, 'Warenkorb'); summe('Warenkorb', 'summe');"
                                            onmouseover="Over(this);" onmousedown="Down(this);"
                                            onmouseup="Up(this);" onmouseout="Out(this);">
                                            <td><img src="hawaii.jpg" alt="Bild der Pizza" /></td>
                                            <td>Hawaii</td>
                                            <td>5,50 &euro;</td>
                                    </tr>
                            </table>
            </div>



            <!-- Warenkorb
            <form action="http://www.fbi.h-da.de/cgi-bin/Echo.pl" method="get">-->
    <div class="Adresse">
                    <h3 class="&Uuml;berschrift">Warenkorb</h3>
                            <label for "Warenkorb"><select id="Warenkorb" name="liste" size="9" multiple="multiple" onchange="summe (this.id,'summe');">
                            </select></label>
            </div>



            <!-- Gesamtbetrag irgendwie errechnen und anzeigen lassen -->
            <div class="Preis">
            <span id="&Uuml;berschrift">Summe: </span>
            <span id="summe">0.00</span>
            </div>

            <!-- Adresseingabe-->


                    <h3>Adresse</h3>
                    <pre>

                     Nachname:      <input name="Nachname" type="text">
                     Strasse :      <input name="Strasse"  type="text">
                     Stadt:         <input name="Stadt"    type="text">
                                    <input class="button1" type="submit" name="Bestellen" value="Bestellen" onclick="bestellen('Warenkorb');" />
                     </pre>

            <!-- Buttons -->

                    <div class="Buttons">
                            <input class="button1" type="reset" name="Alle L&ouml;schen" value="Alle L&ouml;schen" onclick="alleLoeschen('Warenkorb');
                                            summe('Warenkorb','summe');"/>
                            <br/>
                            <input class="button1" type="reset" name="L&ouml;schen" value="Auswahl L&ouml;schen" onclick="auswahlLoeschen('Warenkorb');
                                            summe('Warenkorb','summe');" />

                            
                    </div>
            </form>
    </body>
[/HTML]

und das dazugehörige JavaScript

[CODE] function add (pizzaID,listeID)
{
var liste = document.getElementById(listeID);
var pizza = new Option(pizzaID,pizzaID,false,true);
liste.options
[liste.length]=pizza;
}

var pizze = new Array();
pizze[„Margherita“] = 4.00;
pizze[„Salami“] = 4.50;
pizze[„Tonno“] = 5.00;
pizze[„Hawaii“] = 5.50;

function Over (reihe)
{
reihe.className = „over“;

}

function Down (reihe)
{
reihe.className = „down“;

}
function Up (reihe)
{
reihe.className = „up“;
Bestellen()
}
function Out (reihe)
{
reihe.className = „out“;
}

function updateStatus (Id){

    var radioButton = document.getElementById(Id);
    var status = radioButton.value;
    var name = radioButton.getAttribute('name');
    var form = document.getElementById('baecker');
    form.status.value=name+"_"+status;
    form.submit();

}

function tblRows()
{
var el = document.getElementsByTagName(„tr“);
for(var i=0; i<el.length; i++)
{
if(i%2 == 1){
el[i].className = „on“;
el[i].oldClassName = „on“;
} else {
el[i].className = „off“;
el[i].oldClassName = „off“;
}
}
}
function summe(Warenkorb,ausgabeID)
{

    var elmSel = document.getElementById(Warenkorb);
    var i;
    var preis=0.0;
    var summe=0.0;
    for (i = elmSel.length - 1; i>=0; i--) {
            preis += parseFloat(pizze[elmSel.options[i].text]);
    }
    document.getElementById(ausgabeID).innerHTML=preis.toFixed() + " &euro;";

}

function auswahlLoeschen(listeID)
{
var elmSel = document.getElementById(listeID);
var i;
for (i = elmSel.length - 1; i>=0; i–) {
if (elmSel.options[i].selected) {
elmSel.remove(i);
}
}
}
function alleLoeschen(listeID)
{
var liste = document.getElementById(listeID);
while (liste.firstChild != null)
liste.removeChild (liste.firstChild);
}

function pruefen()
{
res = true;
a = document.form1;
if(a.Nachname.value == ‚‘){res = false;}
if(a.Strasse.value == ‚‘){res = false;}
if(a.Stadt.value == ‚‘){res = false;}

if(res == false){alert(‚Bitte Formular vollständig ausfüllen!‘)}
return res;
}[/CODE]

2

Du hast da einen sehr fehlerhaften HTML-Code. Da werden u.a. mindestens 3 Formulare ineinander geöffnet - das kann nicht gut gehen. Korrigiere das erstmal.

Und dann ist deine Frage keine HTML- sondern eine JavaScript-Frage. Somit hast Du das falsche Unterforum erwischt.