AJAX contact form

**acoder** · Dec 10 '07, 11:34 AM

What's the response from the server?

Do you get any errors?

**colt28** · Dec 11 '07, 03:54 PM

Nope. No response. It does nothing.

**acoder** · Dec 12 '07, 11:03 AM

Can you get the PHP page working as expected without using Ajax?

**colt28** · Dec 13 '07, 05:44 PM

The page works fine up until the form is submitted. I need the form to submit and close the div. I was told to use Ajax because it's apparently the only way to keep the user on the same page.

I would be fine with possibly having the form submit and open in a new window with confirmation. I don't care what happens once it's submitted as long as the div closes and disappears. Right now the form does nothing for some reason and the div stays there.

Is there any way to have the form submit, close the div and open in a new window perhaps?

**acoder** · Dec 14 '07, 08:27 AM

I meant the PHP page that you're calling via Ajax, ajax_contact.ph p.

It seems, though, that you're calling the same page. I would suggest that you create a new page which only deals with the response and returns a result.

**colt28** · Dec 17 '07, 04:33 AM

The script is designed to just be an include. I tested the original on another server and it worked so i'm guessing the server my client is on is a piece of crap. So I know the script works and i've done a ton of combing and going through it. I've got it to almost work. I know it's reading the form values correctly because the validation script works. And the form disappears when I hit submit, it's just not actually sending the email now for some reason. Somewhere along the lines in adding more variables it's screwed it up.

Here's the javascript:

Code:

<script type="text/javascript">
<!--
var http = createRequestObject();
var areal = Math.random() + "";
var real = areal.substring(2,6);

function createRequestObject() {
	var xmlhttp;
	try { xmlhttp=new ActiveXObject("Msxml2.XMLHTTP"); }
  catch(e) {
    try { xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");}
    catch(f) { xmlhttp=null; }
  }
  if(!xmlhttp&&typeof XMLHttpRequest!="undefined") {
  	xmlhttp=new XMLHttpRequest();
  }
	return  xmlhttp;
}

function sendRequest() {
	var rnd = Math.random();
	var name = escape(document.getElementById("name").value);
	var email = escape(document.getElementById("email").value);
	var realtor = escape(document.getElementById("realtor").value);
	var when = escape(document.getElementById("when").value);
	var selling = escape(document.getElementById("selling").value);

	try{
    http.open('POST',  'ajax_contact.php');
    http.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
    http.onreadystatechange = handleResponse;
		http.send('name='+name+'&email='+email+'&realtor='+realtor+'&when='+when+'$selling='+selling+'&rnd='+rnd);
	}
	catch(e){}
	finally{}
}

function check_values() {
	var valid = document.getElementById("valid").value;
	if(real !== valid) {
		alert("Ant-Bot check failed.....nPlease enter the 4 digits as they appear.");
		return false;
	}

	var name = document.getElementById("name").value;
	var email = document.getElementById("email").value;
	var realtor = document.getElementById("realtor").value;
	var when = document.getElementById("when").value;
	var selling = document.getElementById("selling").value;
	if(trim(name) == "" ||
		trim(email) == "" ||
		trim(realtor) == "" ||
		trim(when) == "" ||
		trim(selling) == "") {
			alert("Please complete all fields");
	} else {
		if(isEmail(email)) {
			document.getElementById("submit").disabled=true;
			document.getElementById("submit").value='Please Wait..';
			sendRequest();
		} else {
			alert("Email appears to be invalid.nPlease check.");
			document.getElementById("email").focus();
			document.getElementById("email").select();
		}
	}
}

function handleResponse() {
	try{
    if((http.readyState == 4)&&(http.status == 200)){
    	var response = http.responseText;
      document.getElementById("confirmation").innerHTML = response;
      document.getElementById("confirmation").style.display ="";
      document.getElementById("form").style.display = "none";
		}
  }
	catch(e){}
	finally{}
}

function isUndefined(a) {
   return typeof a == 'undefined';
}

function trim(a) {
	return a.replace(/^s*(S*(s+S+)*)s*$/, "$1");
}

function isEmail(a) {
   return (a.indexOf(".") > 0) && (a.indexOf("@") > 0);
}

function botCheckInfo() {
	alert("To prevent automatic programs (bots)nfrom submitting spam through this form,nwe have added a simple validationncheck to the form. You must enter nthese 4 digits in the box provided innorder to submit the form.");
}
 // -->
 </script>

I don't get it. It gets through all the validation, but for some reason it won't actually send the email. I'm so close I can taste it :oP

The php:

Code:

<?
if(!isset($rnd) || !isset($name) || !isset($email) || !isset($realtor) || !isset($when) || !isset($selling)) {
	showform();
} else {
	processform();
}

function processform(){
	global $name, $email, $realtor, $when, $selling;

	$email_to1 = "shadedjg@hotmail.com"; // enter your email here
	$email_from1 = $mail;
	$email_to2 = $mail;
	$email_from2 = $email_to1;
	$email_subject = "Website Submission";
	$email_message =" on ".date("d/m/Y")." at ".date("H:i")."<br><br>";
	$email_message .= "Name:".stripslashes($name);
	$email_message .="Using a Realtor".stripslashes($realtor)."<br>";
	$email_message .="When buying, selling or renting:".stripslashes($when)."<br>";
	$email_message .="Selling:".stripslashes($selling);

	$confirmation_subject = "Thank you for your message";
	$confirmation = "This is to confirm we have received your message....";

	// SEND EMAIL TO email_to2 - confirmation
	$headers = 'From: '.$email_from2."rn" .
   'Reply-To: '.$email_from2."rn" .
   'X-Mailer: PHP/' . phpversion();

	mail($email_to2, $email_subject, $confirmation, $headers);

	// SEND EMAIL TO email_to1 - message to you!!
	$headers = 'From: '.$email_from1."rn" .
   'Reply-To: '.$email_from1."rn" .
   'X-Mailer: PHP/' . phpversion();

	mail($email_to1, $email_subject, $email_message, $headers);

	echo "Thank You.";
	die();
} // end processform()

function showform() {
?>

Any ideas?

**acoder** · Dec 17 '07, 11:35 AM

You're closing showForm() too early. It should include the form within it.

**colt28** · Dec 18 '07, 02:33 PM

Normally I would look into your suggestion but that can't be it. No offense of course, because you know more than i do, but i didn't change any of the code except for the variables. I checked the original and it works fine so it can't be a problem like that or the original wouldn't even work to begin with. Or am i completely missing something??

**acoder** · Dec 18 '07, 05:49 PM

Originally posted by colt28

Normally I would look into your suggestion but that can't be it. No offense of course, because you know more than i do, but i didn't change any of the code except for the variables. I checked the original and it works fine so it can't be a problem like that or the original wouldn't even work to begin with. Or am i completely missing something??

Should the form display when the form is processed?

In your original code, you check at the top whether to process the form or show the form. showForm() finishes on line 214 after which the actual form appears. This means that whether you're processing the form or showing the form, the form will display.

To eliminate all possibilities, test your application without Ajax on the server that it's going to be deployed on, so that you know that it's not a problem with the PHP.

**colt28** · Dec 23 '07, 12:07 AM

I finally figured it out. It was ONE character. The line where the javasript sends the variables to the php portion had a '$' instead of '&' on one of them. Prime example of why i'm not a coder :oP

Thanks for all your help :o) Much appreciated.

**gits** · Dec 23 '07, 12:19 AM

*lol* ... nope ... believe me ... such errors are common ... lasty i had such a problem at work ... a colleague searched for a bug and we did together ... it lasts us two hours to find out a mistyped check if (val1 = val2) as an assignment ... we overlooked it every time ... glad to hear you found the error ;)

kind regards

**acoder** · Dec 23 '07, 12:33 PM

Originally posted by colt28

I finally figured it out. It was ONE character. The line where the javasript sends the variables to the php portion had a '$' instead of '&' on one of them.

In your code in post #1, there's no $, but it must've accidentally been added by the time you got to post #7.

Originally posted by colt28

Prime example of why i'm not a coder :oP

Thanks for all your help :o) Much appreciated.

As gits said, it doesn't mean you're not a coder. Glad you got it working and good luck with your project.

AJAX contact form

AJAX contact form

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment