Hallo zusammen,
ich bin dabei meinen Kontaktformular herzustellen leider komme ich nicht weiter...
Dies ist meine Internetseite:
http://testwebsite.physio-in-esslingen.de/kontakt
Dies ist meinen html Code:
<div class="alert alert-success">
Well done! You successfully read this important alert message.
</div>
<form id="contact" method="post" action="kontakt.php">
<div class="input-prepend">
<span class="add-on"><i class="icon-user"></i></span>
<input class="span4" id="nachname" name="nachname" size="16" type="text" placeholder="Name">
</div>
<div class="input-prepend">
<span class="add-on"><i class="icon-envelope"></i></span>
<input class="span4" id="email" name="email" size="16" type="text" placeholder="Email Addresse">
</div>
<div class="input-prepend">
<span class="add-on"><i class="icon-globe"></i></span>
<input class="span4" id="telefon" name="telefon" size="16" type="text" placeholder="Telefonnummer">
</div>
<textarea class="span6" id="nachricht" name="nachricht" style="height:115px; margin-top:20px"></textarea>
<div class="row">
<div class="span2" style="margin-top:20px">
<input type="submit" class="btn btn-inverse" id="submit" name="submit" value="Abschicken">
</div>
</div>
</form>
Alles anzeigen
Und meinen php Code:
<?php
/* === Daten aus dem Formular auslesen und in Variablen speichern === */
$nachname = $_POST['nachname'];
$email = $_POST['email'];
if(eregi("\r",$from) || eregi("\n",$from)) {
die("Why ?? :(");
}
$telefon = $_POST['telefon'];
$nachricht = $_POST['nachricht'];
/* === Empfängeradresse und Betreff === */
$an = 'info@physio-in-esslingen.de'; //Hier Ihre E-Mail-Adresse eintragen
$betreff = "Kontaktformularnachricht | $nachname ";
/* === Wenn Bedingung erfüllt, dann E-Mail abschicken - andernfalls Fehlermeldung ausgeben === */
if ((!empty($nachname))&&(!empty($email))&&(!empty($telefon))&&(!empty($nachricht))) {
mail($an, $betreff, $nachricht, 'From:' . $email); //Mail versenden
echo 'Ihre Kontaktnachricht wurde zugestellt. Sie werden bald möglichst eine Antwort erhalten.';
}
else {
echo 'Sie müssen alle Felder ausfüllen. <a href="kontakt.htm">Zurück</a>';
}
?>
Alles anzeigen
Jetzt hätte ich gerne das die Info über fehler und das die Nachricht gesendet wurde in der div:class="alert alert-success" steht und keine neue Seite aufgeht.
Ich habe es mal mit AJAX versucht aber komme nicht weiter, hier meine Codierung:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.js"></script>
<script>
$(function(){
var submit = $("input[type=submit]");
var email_feld = $("#email");
var nachname_feld = $("#nachname");
var telefon_feld = $("#telefon");
var nachricht_feld = $("#nachricht");
submit.attr("disabled", "disabled");
email_feld.bind("change blur", function(){
$.post('validate.php', {
action: 'validate_email',
email: $(email_feld).val()
}, function(data){
if(data == 'error'){
$(email_feld).css("border", "2px solid red");
$(submit).attr("disabled", "disabled");
} else {
$(email_feld).css("border", "2px solid green");
$(submit).removeAttr("disabled");
}
});
});
telefon_feld.bind("change blur", function(){
$.post('validate.php', {
action: 'validate_telefon',
telefon: $(telefon_feld).val()
}, function(data){
if(data == 'error'){
$(telefon_feld).css("border", "2px solid red");
$(submit).attr("disabled", "disabled");
} else {
$(telefon_feld).css("border", "2px solid green");
$(submit).removeAttr("disabled");
}
});
});
nachname_feld.bind("change blur", function(){
$.post('validate.php', {
action: 'validate_nachname',
nachname: $(nachname_feld).val()
}, function(data){
if(data == 'error'){
$(nachname_feld).css("border", "2px solid red");
$(submit).attr("disabled", "disabled");
} else {
$(nachname_feld).css("border", "2px solid green");
$(submit).removeAttr("disabled");
}
});
});
nachricht_feld.bind("change blur", function(){
$.post('validate.php', {
action: 'validate_nachricht',
nachricht: $(nachricht_feld).val()
}, function(data){
if(data == 'error'){
$("#antwort").html(data);
$(submit).attr("disabled", "disabled");
} else {
$("#antwort").html(data);
$(submit).removeAttr("disabled");
}
});
});
})
</script>
Alles anzeigen
Kann mich jemanden helfen?
Vielen Dank