Hallo erstmal, bin neu hier im Forum. Ich bin noch am Anfang meiner Kenntnisse bzgl. Webdesign etc... daher habe ich auch ein Problem bei dem ich eure Hilfe brauche.
Ich habe nach einem Tutorial ein Kontaktformular auf Basis einer Formmail mit jQuery Validation erstellt.
Es funktioniert auch größtenteils nur habe ich noch ein paar kleine Probleme.
Ich habe schon viel ausprobiert aber bekomme es irgendwie nicht gelöst.
Zum einen wenn ich mein Kontaktformular ausfülle und auf abschicken klicke, kommt die Fehlerseite der formmail.php mit folgendem Inhalt:
"An error occurred while processing the form .
The form required some values that you did not seem to provide.
Vorname
Nachname
Ihre E-Mail-Adresse"
Ich habe dann die derive_fields mit den Namen angepasst aber es funktioniert trotzdem nicht.
Die Validation funktioniert eigentlich außer das die Fehlermeldung nicht bei allen Pflichfeldern sofort angezeigt wird bei keiner Eingabe und Abschicken sondern erst wenn ich dann dort reinklicke woran kann das liegen? Außerdem habe ich das Problem dass die Fehlermeldung wenn man in dem Feld PLZ ein Buchstaben eingibt direkt neben diesem Feld steht, allerdings folgt danach noch das Feld Ort und das verschiebt sich dann alles, ist es nicht möglich diese Fehlermeldung rechts ausgerichtet zu lassen wie die restlichen Fehlermeldungen?
Hier mal mein HTML Code:
HTML-Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Kontaktformular</title>
<link rel="stylesheet" type="text/css" href="CSS/kontaktformular.css" />
</head>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.validate.js"></script>
<script type="text/javascript">
<!--
$(document).ready(function(){
$("#kontaktformular").validate();
});
//-->
</script>
<body>
<?php
if($_GET['good'] == 'yes'){
echo('<p>Vielen Dank für Ihre Nachricht. Wir werden uns umgehend bei Ihnen melden.</p>');
}
?>
<form action="formmail.php" method="post" name"kontaktformular" id="kontaktformular">
<input type="hidden" name="env_report" value="REMOTE_HOST,REMOTE_ADDR,HTTP_USER_AGENT,AUTH_TYPE,REMOTE_USER" />
<input type="hidden" name="recipients" value="..........a3D6Th9O0................de" />
<input type="hidden" name="required" value="vorname:Vorname,nachname:Nachname,telefon:Ihre Telefonnummer,email:Ihre E-Mail-Adresse,nachricht:Ihre Nachricht an uns" />
<input type="hidden" name="derive_fields" value="email=email,realname=nachname" />
<input type="hidden" name="subject" value="Kontaktformular Kunstschmiede" />
<input type="hidden" name="good_url" value="kontaktformular.php?good=yes" />
<fieldset>
<label for="anrede">Anrede:</label><select name="anrede" class="auswahl" >
<option value="herr">Herr</option>
<option value="frau">Frau</option>
</select><br />
<label for="vorname">Vorname:*</label><input type="text" name"vorname" id="vorname" class="required" /><br />
<label for="nachname">Nachname:*</label><input type="text" name"nachname" id="nachname" class="required" /><br />
<label for="straße">Straße / Haus-Nr.:</label><input type="text" name"straße" id="straße" class="breite3" /><input type="text" name"hausnummer" id="hausnummer" class="number breite1" /><br />
<label for="plz">PLZ / Ort:</label><input type="text" name"plz" id="plz" class="number breite2" /><input type="text" name"ort" id="ort" class="breite3" /><br />
<label for="telefon">Telefon-Nr.:*</label><input type="text" name"telefon" id="telefon" class="required number" /><br />
<label for="email">e-Mail-Adresse:*</label><input type="text" name"email" id="email" class="required email" /><br />
<label for="betreff">Betreff:</label><input type="text" name="betreff" id="betreff" /><br />
<label for="nachricht">Nachricht:*</label><textarea name="nachricht" id="nachricht" cols="20" rows="10" class="required" ></textarea><br />
<input type="submit" value="Abschicken" name="senden" id="senden" class="button"/><br />
<input type="reset" value="Zurücksetzen" name="reset" id="reset" class="button"/><br />
<p>Mit * gekennzeichnete Felder müssen ausgefüllt werden.</p>
</fieldset>
</form>
</body>
</html>
und der CSS Code:
Code:
@charset "utf-8";
/* CSS Document */
* { padding:0; margin:0; }
body { padding:40px; font:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#3e3e3e; }
form { width:630px; }
form fieldset { padding:20px; margin-bottom:20px; border:0; }
form label { width:120px; float:left; margin-bottom:10px; }
form label.error { margin-left:5px; color:#F00; }
form input, form textarea { width:250px; float:left; margin-bottom:10px; border:1px solid #999; padding:2px; font-family:inherit; }
form input:focus[type=text], form textarea:focus { border: 1px solid #f60; }
form input.error { border:1px solid #F00; }
form .auswahl { width:60px; float:left; margin-bottom:10px; border:1px solid #999; padding:2px; }
form br { clear:both; }
form .button { margin-left:120px; width:256px; background:#CCC; color:#3e3e3e; cursor:pointer; }
form .button:hover { background:#f60; color:#fff; border:1px solid #f60; }
form .breite1 { margin-left:10px; width:50px; }
form .breite2 { width:50px; }
form .breite3 { width:184px; margin-left:10px; }
Ich habe außerdem auch noch das Problem mit der unterschiedlichen Schriftart im Textfeld und den Inputfelder, dass heißt im Textfeld ist auf einmal eine andere Schriftart zu sehen.
Das Kontaktformular kann auch angeschaut werden auf folgender Adresse:
Kontaktformular
Formmail