I got the PHP to work separately from the Javascript. I’ve changed quite a bit and posted all the up to date files here. The contact form correctly sends all the fields to my inbox and redirects back to itself.
The only issue i have now is this tid bit of java script that is interfering with the form’s request to the phpmailer.php
$.ajax({
type: "POST",
url: "bin/process.php",
data: dataString,
success: function() {
var m = $("#message");
$("input#name").css({border:"1px solid #B5B5B5"});
$("input#email").css({border:"1px solid #B5B5B5"});
$("textarea#comment").css({border:"1px solid #B5B5B5"});
m.animate({
"top": "-73px",
"opacity": "1"
},"fast");
setTimeout(function () {
m.animate({
"top": "-105px",
"opacity": "0"
},"slow");
}, 8000);
This grabs process.php which is just the error messages that are hidden until someone tries to submit the form without filling out one of the fields. When I comment this out in my script.js the php in the form works but the error messages are visible on page load.
My question is how do i keep java error opacity/animate file
$.ajax({
type: "POST",
url: "bin/process.php",
from interfering with the php send to my inbox file?
<form id="contact_me_form" name="contact_me_form" method="post" action="bin/phpmailer.php"> ?
