Formular - erst Vorschau, dann Absenden!

G

g0rd0n

Grünschnabel
Hallo zusammen,

ich programmiere gerade an einem Formular mit dem sich Besucher einer Internetseite Fotos bestellen können. Bevor die Besucher das Formular abschicken können, soll sich eine Vorschau der eingegeben Daten öffnen und erst dann können sie das Formular abschicken. Desweiteren soll letztendlich eine Captcha-Spam-Sicherung mich vor ungewünschten Emails schützen. Die Sicherung soll sich auf der "Vorschau"-Seite befinden. Ich habe Pflichtfelder mit JavaScript definiert, dennoch habe ich gelesen, dass sich die Überprüfung per PHP besser dazu eignet.
Die Versendung der Email läuft über einen formmailer.

Hier mein Formular in html:

HTML: 
<html>
<head>

<script type="text/javascript">
function chkFormular()
{
if(document.Formular.Vorname.value == "") {
alert("Gib bitte deinen Vornamen ein!");
document.Formular.Vorname.focus();
return false;
}
if(document.Formular.Nachname.value == "") {
alert("Gib bitte deinen Nachnamen ein!");
document.Formular.Nachname.focus();
return false;
}
if(document.Formular.Straße.value == "") {
alert("Gib bitte deine Straße & deine Hausnummer ein!");
document.Formular.Straße.focus();
return false;
}
var chkZ = 1;
  for (i = 0; i < document.Formular.PLZ.value.length; ++i)
    if (document.Formular.PLZ.value.charAt(i) < "0" ||
        document.Formular.PLZ.value.charAt(i) > "9")
      chkZ = -1;
  if (chkZ == -1) {
    alert("Postleitzahl keine Zahl!");
    document.Formular.PLZ.focus();
    return false;
  }
if(document.Formular.PLZ.value == "") {
alert("Gib bitte deine Postleitzahl ein!");
document.Formular.PLZ.focus();
return false;
}
if(document.Formular.Ort.value == "") {
alert("Gib bitte deinen Wohnort ein!");
document.Formular.Ort.focus();
return false;
}
if(document.Formular.Email.value.indexOf('@') == -1) {
alert("Keine E-Mail-Adresse!");
document.Formular.Email.focus();
return false;
}
if (document.Formular.AGB.checked==false)
{
alert("Du musst mit den Allgemeinen Geschäftsbedingungen einverstanden sein!");
   document.Formular.AGB.focus();
   return false;

}

}
</script>

</head>
<body>

<div align="center">
<form action="/PHP/mail.php" name="Formular" method="post" onSubmit="return chkFormular(this)"">
<table>
<tr>
 <td>Anrede: </td>
 <td><select name="Anrede" id="Anrede">
<option>Frau</option>
<option>Herr</option>
<option>Firma</option>
</select> </td>
</tr>
<tr>
 <td>Vorname: </td>
 <td><input type="text" name="Vorname" value="" size="20" maxlength="20"> </td>
</tr>
<tr>
 <td>Nachname: </td>
 <td><input type="text" name="Nachname" value="" size="20" maxlength="20"></td>
</tr>
<tr>
 <td>Straße &amp; Hausnr.: </td>
 <td><input type="text" name="Straße" value="" size="20"></td>
</tr>
<tr>
 <td>Postleitzahl: </td>
 <td><input type="text" name="PLZ" value="" size="20" maxlength="5"></td>
</tr>
<tr>
 <td>Wohnort: </td>
 <td><input type="text" name="Ort" value="" size="20"></td>
</tr>
<tr>
 <td>eMail: </td>
 <td><input type="text" name="Email" value="" size="20"></td>
</tr>
</table>
<br>
<table>
<tr>
 <td>Galeriedatum</td>
 <td>Bildnummer</td>
 <td>Anzahl</td>
</tr>
<tr>
 <td><input type="text" name="Datum Bestellung 1" value="" size="10" maxlength="10"> </td>
 <td><input type="text" name="Bild-ID-1" value="" size="10" maxlength="3"> </td>
 <td><select name="Anzahl Bild-1">
     <option></option>
     <option>1</option>
     <option>2</option>
     <option>3</option>
     <option>4</option>
     <option>5</option>
 </select> </td>
</tr>
<tr>
 <td><input type="text" name="Datum Bestellung 2" value="" size="10" maxlength="10"> </td>
 <td><input type="text" name="Bild-ID-2" value="" size="10" maxlength="3"> </td>
 <td><select name="Anzahl Bild-2">
     <option></option>
     <option>1</option>
     <option>2</option>
     <option>3</option>
     <option>4</option>
     <option>5</option>
 </select> </td>
</tr>
<tr>
 <td><input type="text" name="Datum Bestellung 3" value="" size="10" maxlength="10"> </td>
 <td><input type="text" name="Bild-ID-3" value="" size="10" maxlength="3"> </td>
 <td><select name="Anzahl Bild-3">
     <option></option>
     <option>1</option>
     <option>2</option>
     <option>3</option>
     <option>4</option>
     <option>5</option>
 </select> </td>
</tr>
<tr>
 <td><input type="text" name="Datum Bestellung 4" value="" size="10" maxlength="10"> </td>
 <td><input type="text" name="Bild-ID-4" value="" size="10" maxlength="3"> </td>
 <td><select name="Anzahl Bild-4">
     <option></option>
     <option>1</option>
     <option>2</option>
     <option>3</option>
     <option>4</option>
     <option>5</option>
 </select> </td>
</tr>
<tr>
 <td><input type="text" name="Datum Bestellung 5" value="" size="10" maxlength="10"> </td>
 <td><input type="text" name="Bild-id-5" value="" size="10" maxlength="3"> </td>
 <td><select name="Anzahl Bild-5">
     <option></option>
     <option>1</option>
     <option>2</option>
     <option>3</option>
     <option>4</option>
     <option>5</option>
 </select> </td>
</tr>
</table>
<br>
<table >
<tr>
 <td>Bestellart: </td>
 <td><select name="Versandart">
         <option>Abholung im Club</option>
         <option>Postversand (+ 0,70 Euro)</option>
     </select>
 </td>
</tr>
</table>
<br>
Bemerkungen:
<br>
<textarea name="Bemerkungen" cols="50" rows="10"> </textarea>
<br>
<br>
<input type="Checkbox" name="AGB" value="AGB akzepiert!">Die <a href="/AGB.pdf">allgemeinen Geschäftsbedingungen</a> werden anerkannt.
<br>
<br>

<br>
<input type="submit" value="Senden" onsubmit="return checkForm();"><input type="reset">



</div>
</form>

</body>
</html>

Ich hoffe ihr versteht dieses umfangreiche Problem und könnt mir etwas weiterhelfen. Bin absluter Laie in PHP.

Danke
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück