Hallo,
ich habe ein weiteres Formular Feld hinzugefügt "domain", aber irgendwie bekomme ich das Feld nicht mitgeschickt in meiner Mail: //EDIT bzw. beim abschicken klicken hängt die Webseite, da kann ich weder hoch noch runter Scrollen, da muss ich dann erst das Fenster schließen und die Webseite erneut aufrufen.
Das Originale Standart Formular hängt mittlerweile auch, aber warum das funktionierte vorher noch einwandfrei.
unter Menupunkt "Eintragen" und "Kontakt"
.html Datei:
PHP
<div class="row">
<div class="col-lg-12">
<form name="sentMessage" id="contactForm" novalidate>
<div class="row">
<div class="col-md-6">
<div class="form-group">
<input type="text" class="form-control" placeholder="Vor- und Nachname *" id="name" required data-validation-required-message="Bitte geben Sie Ihren Vor- und Nachnamen ein.">
<p class="help-block text-danger"></p>
</div>
<div class="form-group">
<input type="email" class="form-control" placeholder="E-Mail *" id="email" required data-validation-required-message="Bitte geben Sie Ihre E-Mail - Adresse ein.">
<p class="help-block text-danger"></p>
</div>
<div class="form-group">
<input type="tel" class="form-control" placeholder="Telefonnummer *" id="phone" required data-validation-required-message="Bitte geben Sie Ihre Telefonnummer ein.">
<p class="help-block text-danger"></p>
</div>
<div class="form-group">
<input type="text" class="form-control" placeholder="Internetadresse (URL) *" id="domain" required data-validation-required-message="Bitte geben Sie Ihre Internetadresse ein.">
<p class="help-block text-danger"></p>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<textarea class="form-control" placeholder="Bitte geben Sie eine Kurzbeschreibung Ihrer Webseite ein. *" id="message" required data-validation-required-message="Bitte geben Sie eine Kurzbeschreibung Ihrer Webseite ein."></textarea>
<p class="help-block text-danger"></p>
</div>
</div>
<div class="clearfix"></div>
<div class="col-lg-12 text-center">
<div id="success"></div>
<button type="submit" class="btn btn-xl">Abschicken</button>
</div>
</div>
</form>
</div>
</div>
Alles anzeigen
page_me.php
PHP
<?php
// Check for empty fields
if(empty($_POST['name']) ||
empty($_POST['email']) ||
empty($_POST['phone']) ||
empty($_POST['domain']) ||
empty($_POST['message']) ||
!filter_var($_POST['email'],FILTER_VALIDATE_EMAIL))
{
echo "No arguments Provided!";
return false;
}
$name = $_POST['name'];
$email_address = $_POST['email'];
$phone = $_POST['phone'];
$domain = $_POST['domain'];
$message = $_POST['message'];
// Create the email and send the message
$to = 'XX@XX'; // Add your email address inbetween the '' replacing yourname@yourdomain.com - This is where the form will send a message to.
$email_subject = "Kontaktformular von Proanbieter - Nachricht von $name";
$email_body = "Kontaktformular von Proanbieter.de - Nachricht von $name.\n\n"."Nachricht:\n\nName: $name\n\nE-Mail: $email_address\n\nTelefonnummer: $phone\n\nInternetadresse: $domain\n\nNachricht:\n$message";
$headers = "From: XX@XX.de\n"; // This is the email address the generated message will be from. We recommend using something like noreply@yourdomain.com.
$headers .= "Reply-To: $email_address";
mail($to,$email_subject,$email_body,$headers);
return true;
?>
Alles anzeigen
page_me.js
PHP
$(function() {
$("input,textarea").jqBootstrapValidation({
preventSubmit: true,
submitError: function($form, event, errors) {
// additional error messages or events
},
submitSuccess: function($form, event) {
event.preventDefault(); // prevent default submit behaviour
// get values from FORM
var name = $("input#name").val();
var email = $("input#email").val();
var phone = $("input#phone").val();
var phone = $("input#domain").val();
var message = $("textarea#message").val();
var firstName = name; // For Success/Failure Message
// Check for white space in name for Success/Fail message
if (firstName.indexOf(' ') >= 0) {
firstName = name.split(' ').slice(0, -1).join(' ');
}
$.ajax({
url: "././mail/page_me.php",
type: "POST",
data: {
name: name,
phone: phone,
email: email,
domain: domain,
message: message
},
cache: false,
success: function() {
// Success message
$('#success').html("<div class='alert alert-success'>");
$('#success > .alert-success').html("<button type='button' class='close' data-dismiss='alert' aria-hidden='true'>×")
.append("</button>");
$('#success > .alert-success')
.append("<strong>Your message has been sent. </strong>");
$('#success > .alert-success')
.append('</div>');
//clear all fields
$('#contactForm').trigger("reset");
},
error: function() {
// Fail message
$('#success').html("<div class='alert alert-danger'>");
$('#success > .alert-danger').html("<button type='button' class='close' data-dismiss='alert' aria-hidden='true'>×")
.append("</button>");
$('#success > .alert-danger').append("<strong>Sorry " + firstName + ", it seems that my mail server is not responding. Please try again later!");
$('#success > .alert-danger').append('</div>');
//clear all fields
$('#contactForm').trigger("reset");
},
})
},
filter: function() {
return $(this).is(":visible");
},
});
$("a[data-toggle="tab"]").click(function(e) {
e.preventDefault();
$(this).tab("show");
});
});
/*When clicking on Full hide fail/success boxes */
$('#name').focus(function() {
$('#success').html('');
});
Alles anzeigen
Dankee