Problem mit Kontaktformular

stedoo · 5. Januar 2014, 13:12

Das hab ich bereits umgesetzt.

Aber der PHP Teil wird nicht ausgeführt. Nach echo'sent'; die; passiert nichts mehr.

Quellcode

if ($_POST) {
//send confirmation email (or insert into database, etc...)
echo 'Sent'; die;
mail($to,$subject,$comments,$headers);
}
//

mail($to,$subject,$comments,$headers); nur als Beispiel

Fragz · 5. Januar 2014, 13:55

Quellcode

if ($_POST) {
//send confirmation email (or insert into database, etc...)
echo 'Sent';
mail($to,$subject,$comments,$headers);
die;
}
//

die; bricht jede nachfolgende Anweisung sofort ab.

stedoo · 5. Januar 2014, 15:30

Jetzt passiert nach Klicken auf den Button nichts mehr.

Fragz · 6. Januar 2014, 09:18

Dann lass das die; mal komplett weg oder poste alternativ das ganze Kontaktformular sammt PHP Code

stedoo · 6. Januar 2014, 12:31

Quellcode

<?php
//validate
if ($_POST) {
//send confirmation email (or insert into database, etc...)
echo 'Sent'; die;
mail($to,$subject,$comments,$headers);
}
//
?>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Simple jQuery Contact Form Without Page Refresh</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
<script type="text/javascript" src="http://www.johnboy.com/scripts/simple-jquery-form-without-page-refresh/jquery.validate.js"></script>
<script>
$(document).ready(function() {
$("#form1").validate({
submitHandler: function() {
//submit the form
$.post("/gtaacp/acp/home.php", //post
$("#form1").serialize(),
function(data){
//if message is sent
if (data == 'Sent') {
$("#message").fadeIn();
$("#message").delay(3000); //show confirmation message
$("#message").fadeOut();
$("#form1")[0].reset(); //reset fields
}
//
});
return false; //don't let the page refresh on submit.
}
}); //validate the form
});
</script>
<style type="text/css">
.error {
display: block;
color: red;
font-style: italic;
}
#message {
display:none;
font-size:15px;
font-weight:bold;
color:#333333;
}
</style>
</head>
<?php echo $_SERVER['PHP_SELF']; ?>
<div id="message">Your message has been sent.<br /><br /></div>
<form action="" method="post" enctype="multipart/form-data" name="form1" id="form1">
Name<br />
<input name="name_r" type="text" class="required" id="name_r" />
<br />
<br />
Email<br />
<input name="email_r" type="text" class="required email" size="30" />
<br />
<br />
Comments<br />
<textarea name="comments_r" cols="25" rows="5" class="required"></textarea>
<br />
<br />
<input name="Submit" id="submit" type="submit" class="submit_go" value="Submit" />
</form>

Alles anzeigen

Fragz · 6. Januar 2014, 12:36

Lass das die; komplett weg, dies wird nicht benötigt so wie ich das sehen, dann sollte es laufen.

stedoo · 6. Januar 2014, 12:38

Jetzt funzt der Submit Button aber nicht mehr. Man klick drauf, aber es tut sich nichts.

Exi · 6. Januar 2014, 16:25

Kann es einfach sein das du im Javascript Teil die falsche Url drin stehen hast?

Quellcode

$.post("/gtaacp/acp/home.php", //post

Im Anhang habe ich mal dein Script lokal bei mir getestet und es läuft.

stedoo · 6. Januar 2014, 16:39

bei mir wird der php teil nicht ausgeführt

Exi · 6. Januar 2014, 17:53

Du hast es aber schon auf contact.php umbenannt oder?

Gesendet von meinem GT-I9300 mit Tapatalk

stedoo · 6. Januar 2014, 18:13

ja klar

Exi · 6. Januar 2014, 18:21

Bekommst du den php teil als text ausgegeben?

stedoo · 6. Januar 2014, 18:29

nein der bricht ja nach die; ab. und wenn ich das die; rausnehme funkt der submit button nicht mehr.

Exi · 6. Januar 2014, 18:39

das mit dem die ist ja auch richtig. .

die sollte man aber nie sehen, da ja alles über das Javascript läuft..

ändere doch mal das $_POST auf $_POST['Submit'] ab..

stedoo · 6. Januar 2014, 22:01

so nun das nächste Problem. Ich habe das ganze mal bei mir eingebunden.

Jetzt tritt folgender Fehler auf:

vor dem Absenden

nach dem Absenden

Eigentlich soll nur das "Gesendet" oberhalb des Formulars erscheinen nach dem Absenden. Aber er läd die komplette Seite noch mal rein. Ich hoffe ihr versteht was ich meine.

Hier der Code:

Quellcode

<head>
<title>Contact with Validation</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.validate.js"></script>
<script type="text/javascript" src="js/jquery.form.js"></script>
<script type="text/javascript">
$('document').ready(function(){
$('#form').validate({
rules:{
"name":{
required:true,
maxlength:40
},
"email":{
required:true,
email:true,
maxlength:100
},
"message":{
required:true
}},
messages:{
"name":{
required:"This field is required"
},
"email":{
required:"This field is required",
email:"Please enter a valid email address"
},
"message":{
required:"This field is required"
}},
submitHandler: function(form){
$(form).ajaxSubmit({
target: '#preview',
success: function() {
$("#systemMessage").fadeIn(5000);
$("#systemMessage").delay(3000); //show confirmation message
$("#systemMessage").fadeOut(5000);
$("#form")[0].reset(); //reset fields
}
});
}
})
});
</script>
<style type="text/css">
#systemMessage {
display:none;
}
.error
{
display: block;
font: 11px arial;
color:red;
margin-left:8px;
line-height:22px;
}
.passerror
{
font: 11px arial;
color:red;
margin-left:8px;
line-height:22px;
}
.shortfield{
width: 45px;
}
</style>
</head>
<?php
if(isset($_POST["submit"])) {
echo "<div id='systemMessage'><h1>Thank You sss!</h1></div>";
}
?>
<div id="preview"></div>
<div id="formbox">
<form name="form" id="form" action="" method="post">
<label>Name</label>
<input type="text" name="name" class="" maxlength="40" />
<label> </label>
<input type="submit" name="submit" value="Submit">
</form>
</div>

Alles anzeigen

stedoo · 8. Januar 2014, 15:09

Kann mir niemand weiterhelfen?

Exi · 8. Januar 2014, 23:11

Ich blick da nicht mehr durch...

Der Code vom Anfang des Threads war doch ein ganz anderer...

Gesendet von meinem GT-I9300 mit Tapatalk

stedoo · 9. Januar 2014, 19:15

Der letzte Code zählt. Habe das ja eingebunden. Deswegen unterscheidet sich das vom ersten Post.

Problem mit Kontaktformular

Quellcode

Quellcode

Quellcode

Quellcode

Quellcode

Teilen

Benutzer online 1