Formularfelder überpfrüfen

bluedisc · 1 April 2010

Hallo,

ich würde gerne einen kleinen Onlineshop aufmachen. Dazu gehört natürlich auch eine Bestellseite.
Ich habe jetzt eine Bestellseite geschrieben. (Mit Formmailer, usw.) jetzt möchte ich mit javascript die Pflichtangaben überprüfen, denn von PHP und MySQL versteh ich überhaupt nichts :mrgreen:

Ich habe schon mal ein bisschen gegoogelt aber alles Anleitungen haben nicht funktioniert.

Hier ist der Code:

HTML:

<html><head><script type="text/javascript">

function checkForm() {

  var strFehler='';

  if (document.forms[0].Name.value=="")

    strFehler += "Bitte gib' deinen Namen ein!\n";
    
  if (document.forms[0].AGB.value=="")

    strFehler += "Du musst die AGB aktzeptieren\n";
    
  if (document.forms[0].ArtikelNr..value=="")

    strFehler += "Bitte gib' eine ArtikelNr. ein!\n";

  if (document.forms[0].Masse.value=="")

    strFehler += "Bitte gib' die Maße ein!\n";
    
  if (document.forms[0].Anzahl.value=="")

    strFehler += "Bitte gib' die Anzahl ein!\n";
    
  if (document.forms[0].Strasse.value=="")

    strFehler += "Bitte gib' deine Straße ein!\n";
  
  if (document.forms[0].Hausnummer.value=="")

    strFehler += "Bitte gib' deine Hausnummer ein!\n";

  if (document.forms[0].PLZ.value.length== 5)

    strFehler += "Bitte gib' eine korrekte Postleitzahl an!\n";
    
  if (document.forms[0].Ort.value=="")

    strFehler += "Bitte gib' deinen Wohnort ein!\n";

  if (!validEmail(document.forms[0].SenderMail.value)) {

    strFehler += "Bitte gib' eine gültige E-Mail ein!\n";

  }

    

  if (strFehler.length>0) {

    alert("Festgestellte Probleme: \n\n"+strFehler);

    return(false);

  }

}

function validEmail(email) {

  var strReg = "^([a-zA-Z0-9_\-])+\@(([a-zA-Z0-9\-])+.)+.+([a-zA-Z0-9]{2,4})+$";

  var regex = new RegExp(strReg);

  return(regex.test(email));

}

</script>
</head><body>     


Rechts steht die Bestellnummer     <a id="1269365561" href="http://www.counter.de/">counter kostenlos</a><script type="text/javascript" language="JavaScript" src="http://www.counter-go.de/counter_js.php?account=1269365561"></script><noscript><a href="http://www.counter-go.de/" target="_blank"><img border=0 src="http://www.counter-go.de/counter.php?account=1269365561"/></a></noscript>
<br />
<form name="Bestellung" action="http://www.onlex.de/_formmailer.php4?username=Bluedisc" method=POST onsubmit="return CheckInput();">

<input type="hidden" name="typ_sender" value="0">
<input type="hidden" name="copy" value="">
<input type="hidden" name="url" value="http://www.handypelz.de/Danke.html">
<input type="hidden" name="email" value="[email protected]" >
<input type="hidden" name="betreff" value="Bestellung - Handypelz" >

<font face="Helvectica New; Microsoft Sans Serif">
Zahlungsweise <select name="Zahlungsweise" size="1"><option value="Vorkasse">Vorkasse</option><option value="Nachkasse">Nachkasse</option></select> <br />Ich bin mit der <a href="http://www.handypelz.de/AGB.html">AGB</a> einverstanden<INPUT NAME="AGB" TYPE=CHECKBOX VALUE="AGB - Einverständnis">
<table cellpadding="3" cellspacing="2">
<tr valign="middle" height="25">
<td class="farbig" align="right">Vorname, Nachname</td>
<td class="farbig"><input type="text" name="Name" value="" size="20" MaxLength="40" ></td>
</tr>
<br />

<tr valign="middle" height="25">
<td class="farbig" align="right">E-Mail</td>
<td class="farbig"><input type="text" name="SenderMail" value="" size="20" MaxLength="40" ></td>
</tr>
<tr valign="middle" height="25">
<td class="farbig" align="right">Artikel Nr.</td>
<td class="farbig"><input type="text" name="ArtikelNr." value="" size="" MaxLength="" ></td>
</tr>
<tr valign="middle" height="25">
<td class="farbig" align="right">Maße</td>
<td class="farbig"><input type="text" name="Masse" value="L x B x H" size="" MaxLength="" ></td>
</tr>
<tr valign="middle" height="25">
<td class="farbig" align="right">Anzahl</td>
<td class="farbig"><input type="text" name="Anzahl" value="" size="" MaxLength="" ></td>
</tr>
<td class="farbig" align="right">Straße</td>
<td class="farbig"><input type="text" name="Strasse" value="" size="" MaxLength="" ></td>
</tr>
<tr valign="middle" height="25">
<td class="farbig" align="right">Hausnummer</td>
<td class="farbig"><input type="text" name="Hausnummer" value="" size="4" MaxLength="4" ></td><tr valign="middle" height="25">
<td class="farbig" align="right">PLZ</td>
<td class="farbig"><input type="text" name="PLZ" value="" size="5" MaxLength="5" ></td>
<tr valign="middle" height="25">
<td class="farbig" align="right">Ort</td>
<td class="farbig"><input type="text" name="Ort" value="" size="" MaxLength="" ></td>
</tr>
</td><tr valign="middle" height="25">



<td class="farbig" align="right">Bestellnummer</td>
<td class="farbig"><input type="text" name="Bestellnummer" value="" size="20" MaxLength="40" ></td></tr>


</font>
</table>
<tr><td align="center" colspan="2">
<input onsumbit="CheckInput();" type="submit" value="Abschicken">
<input type="reset" name="next" value="Zurücksetzen">
<input type="button" name="print" value="Drucken" onClick="javascript:window.print()"><br><br><br><br><br>
</td></tr>
</body></html>

Diesen Code habe ich in iWeb (3.0.1) eingebaut, mittels des HTML-Bausteins. Aber wenn ich mit Safari draufgeh, ohne die Felder auszufüllen, wird das Formular munter weiter geschickt... ich kapier das nicht mehr...

Viele Grüße,
bluedisc

Formularfelder überpfrüfen

bluedisc

Neues Mitglied

Neueste Beiträge