if(isset($_POST[‘mycheckbox’]) {…}

using this:
if ($_POST[‘mycheckbox’] == “Yes”) {…}

This is because for some reason jQuery always returns a value for “mycheckbox”, probably “” <— empty, but isset then returns true. Not a problem within jQuery code at all, but it became an issue when processing my email script.

Maybe someone else will find this useful.

Check out the sample page or see my response to Darrious.

I am having trouble with a checkbox, in my form I have <input value=”Yes” />
Which means whenever it’s checked the value is set to Yes, and this works perfectly with my server side validation and php’s “isset” function,

However, whenever I pass the .val() of that checkbox via jQuery’s AJAX, the value is ALWAYS “True”, how can i fix this?

Thanks for putting this together, it’s helped me out loads. I love JQuery, but had never used it in conjunction with AJAX.

I made a small tweak to the PHP, to help with validation:
if (mail($mailTo, $subject, $message, $headers)) {
echo “Success”;
}

This passes it back to the JS as the ‘data’ variable, then I could give a bit more feedback:
function(data){
if (data == “Success”) {
alert(‘success message here’);
} else {
alert(‘failure message here’);
}
}

From what I understand your script only does form validation, but not form submission using Ajax, am I correct?

Thanks for the excellent tutorial, I have just started to use jQuery a couple of days ago.

I have downloaded the PHP files but I don’t see where the jquery code is being loaded? I see that the error messages are output when something is not filled out, but I believe it’s all the PHP errors generated by index.php. How can I know the form is being sent via ajax?

$message = stripslashes (utf8_decode ($_POST[‘message’]));

It’s not very “artistic”, but it works ! ;-)

Any suggestions??

Thanks for this great tutorial. A question: I would like to add a “Your name” field, si I would have “Your name”+”Your email address”+”Subject” and the message.

I tried to do this, no problems to add this additionnal field, to verify it etc… but in the mail I don’t receive the name of the sender…
Is it possible ? Please could you help me ?
(Sorry for the bad english)

$.post("/play/jqueryAjaxForm/sendEmail.php",
   { emailTo: emailToVal, emailFrom: emailFromVal, subject: subjectVal, message: messageVal },
   	function(data){

	}
);

Regarding the code snippet you included, you just need to have an element with the id of message, and the text will be changed depending upon the condition. Does that answer your question?

About the php feedback code, like this one:
if(data){
$(“#message”).text(‘Your request was sent.’);
} else {
$(“#message”).text(‘An error occurred. Your request could not be sent.’);

I don’t understand exactly how I could show in the contact form page how to display a message sent by the sendemail.php file if in it I use some echo message.

Thanks a lot for reply

Hi Kerwin,

Using your ziped example emails don’t seem to get sent when JavaScript is disabled, can you confirm that you are defiantly receiving emails from none JavaScript clients?

Thanks,

Dave

It’s has got the “Email To” field removed, because all mail in my contact form should go to me.

The only setup it needs is to replace the dummy adres with your own in “sendemail.php” at the bottom.

And optionaly: if you change the directory name (by default “contactForm” you should change the form action parameter located in index.php accordingly.

Thkx Trevor for making this form, saved me a lot of time!

The file: http://www.kerwin-groot.nl/upload/contactForm.zip

Thanks for all your help!

$mailTo = $_POST[‘emailTo’];

here is the code from sendemail.php:

$mailTo = $_POST[‘emailTo’];
$mailFrom = $_POST[‘emailFrom’];
$subject = $_POST[‘subject’];
$message = $_POST[‘message’];

mail(‘christopher.homan@gmail.com’, $subject, $message, “From: “.$mailFrom);

Is this right?

(this is wrapped in a php tag)

if(isset($_POST[‘submitted’])) {
if($_POST[‘emailTo’] == ”) {
$emailToError = ‘*Oops. We dont know your email.’;
} else if (!eregi(“^[A-Z0-9._%-]+@[A-Z0-9._%-]+.[A-Z]{2,4}$”, $_POST[‘emailTo’])) {
$emailToError = ‘Enter a valid email address to send to.’;
}
if($_POST[‘emailFrom’] == ”) {
$emailFromError = ‘*Oops. We dont know where to send it.’;
} else if (!eregi(“^[A-Z0-9._%-]+@[A-Z0-9._%-]+.[A-Z]{2,4}$”, $_POST[‘emailFrom’])) {
$emailFromError = ‘Enter a valid email address to send from.’;
}

if($_POST[‘subject’] == ”) {
$subjectError = ‘You forgot to enter the subject.’;
}

if($_POST[‘message’] == ”) {
$messageError = ‘You forgot to enter the message.’;
}

if(!isset($emailToError) && !isset($emailFromError) && !isset($subjectError) && !isset($messageError)) {
include(‘form/sendEmail.php’);
include(‘form/thanks.php’);
}
}

if($_POST['emailTo'] == '') {
	$emailToError = 'You forgot to enter the email address to send to.';
} else if (!eregi("^[A-Z0-9._%-]+@[A-Z0-9._%-]+\.[A-Z]{2,4}$", $_POST['emailTo'])) {
	$emailToError = 'Enter a valid email address to send to.';
}

Then, change line 22 of verify.php to be:

if(!isset($emailFromError) && !isset($subjectError) && !isset($messageError)) {

That should do it.

Also, what can i send you to help you get a better idea?

thanks

if($_POST[‘emailTo’] == ”) {
$emailToError = ‘*Oops. We dont know your email.’;
} else if (!eregi(“^[A-Z0-9._%-]+@[A-Z0-9._%-]+.[A-Z]{2,4}$”, $_POST[‘emailTo’])) {
$emailToError = ‘Enter a valid email address to send to.’;
}

Thanks

It doesn’t seem to be sending the emails when i click submit, nor does it pull in the thanks.php info. I know it’s something really silly i’m not doing on my part….could you take a look? I hate to be a pain.

Here’s the link again:
http://dev.creativehinge.com/contact.php
the other files are in this directory:
http://dev.creativehinge.com/form/

Again, Thanks so much.

Chris

So technically i wouldn’t even need the index.php page in the forms/ directory. Can i remove this file from the folder?

Then, on my contact page, Change the form action to point to itself. So change it from /play/jqueryAjaxForm/ to /form/?

Also, is the “/” necessary before the folder “form”?

Thanks SOO much…

Remove all of the information regarding the emailTo form element and update line 9 of sendEmail.php to read:

mail('info@creativehinge.com', $subject, $message, "From: ".$mailFrom);

Hope that helps.

I also have the four files you supplied here:
http://dev.creativehinge.com/form

How do i get this started? I hit submit and it looks for the “/play/jqueryAjaxForm/” directory. What do I place in this form action acrea? I want to achive the following:

1.Remove the option of entering an email address. All emails should go to to info@creativehinge.com

Thanks for any help you can provide.

$('#idOfSelectHere').val();

Can you help me out a bit. I am looking for a way to use a for loop in a similar situation you demo’d
here:

But with the addition of more sets of radio buttons. I want to be able to have a function loop through the radio button sets and with a counting var keep track of how many are “checked”. Once the loop has gone through the length of the array of li’s or ? Another function then does something based on the counting var.

I can’t seem to get the for loop to work and I am not sure how to get around identifying each radio as an id?

Does this make sense?

If not email me and I will send you my code block.

Thanks for any help in advance if you have time I’d appreciate the learning exp:)

I just came across your Ajax contact form tutorial. I’m having a little trouble. What is the “’../../includes/analytics.php’? Where is this particular file? Every time I try to send a message I get on the index page this “Warning: main(../../includes/analytics.php): failed to open stream: No such file or directory in /home/content/k/h/a/khariwilliams/html/beego/indexer.php on line 28

Warning: main(../../includes/analytics.php): failed to open stream: No such file or directory in /home/content/k/h/a/khariwilliams/html/beego/indexer.php on line 28

Warning: main(): Failed opening ‘../../includes/analytics.php’ for inclusion (include_path=’.:/usr/local/lib/php’) in /home/content/k/h/a/khariwilliams/html/beego/indexer.php on line 28”

Can u please help me! Or send e-mail the exact codes the way created your mail form.

When you hit submit, it will tell you which radio button is selected. Basically, I am just checking if the checked attribute is true for each radio button.

if($('#testRadioYes').attr('checked') == true) {
	alert('Yes is selected');
}

Again, there are a bunch of different ways to achieve this.

I’ve tried both the original code:
var radio_btnVal = $(“#radio_btn”).val();

And some other code:
var radio_btnVal = $(“input[name=’radio_btn’]:checked”).val();
___________________
I’ve also tried to assign each different values.
As such:
<input type=”radio” class=”other” name=”radio_btn” id=”radio_btn1” value=”” />

<input type=”radio” class=”other” name=”radio_btn” id=”radio_btn2” value=”” />
___________________
The original code that didn’t work either:
<input type=”radio” class=”other” name=”radio_btn” id=”radio_btn” value=”” />

I’m not sure exactly what jquery’s expression would be for radio buttons.

-K

Do you have an idea why? Thanks for answer, regards.

Thanks for this guide. :)
This helped me though my first AJAX. :D
…and trough non-jQuery-guide to make a Captcha. :)

Thanks! :D

A little tip: If you also uploaded the final PHP-code, it would be much easier. ;)

I’ve recently shifted from Prototype to jQuery as well, and it rocks!

At http://new.taize.fr/en
I do this:
$.post(“squelettes/sendnews.php”,
{ Language: LangVal, Email: EmailVal, subscribe: SubVal },
function(data){
if(data){
$(“#message”).text(‘Your request was sent.’);
} else {
$(“#message”).text(‘An error occurred. Your request could not be sent.’);
} …
which works fine. If the script doesn’t find “sendnews.php” I would have liked to be able to display some kind of error message. That’s all. And it’s not a big deal. Perhaps this is what the jQuery site means about using $.ajax if you want to do error checking. I shall just be careful to make sure the file is in place!

In regards to your first question: “why use: function(data) instead of just function()”

I guess I didn’t need to use function(data) in this example, but I just did. Basically, if the PHP script that I am calling returns anything, I can access that value. Like in the PHP file, if I put echo ‘hello’;, then if I add alert(data) inside of the JavaScript callback function, it will alert hello.

I guess my answer to the first question should answer your second question. You can certainly do some checking in the PHP file and return something if there is an error. Then just check the value of data in the JavaScript and see if there is an error.

Let me know if you need any other help.

I have one question, and one lingering concern:

In submitting the post request why use: “function(data){” instead of just “function(){” —which in my case anyway, seems to work just as well (or does it?)?

Would it not be better to get an error message if, for some reason, the mailing fails (for example the php file is not found)? As far as I can understand from the jQuery doc this involves using $.ajax instead of $.post. And that looks complicated …

However, I can’t seem to even be able to replicate this. I can copy all the files and even the pages you use on the internet and still not get this to work.

So what am I forgetting to do that isn’t shown on the website? are the form pages php or html? am I supposed to leave the s on phps? It started to work a little better when I kept the s on.

I’m just a wee bit confused, followed the instructions and made some custom fields in the beginning, but that didn’t work out, so i did a dumber down version, still didn’t work. Now that I can’t even get your version to work I know I’m doing something wrong :P

Thanks,
Jon

a big thumbs up!

I guess when you hit enter in any form field it acts as though the submit button is “clicked”.

The only reason I can see having the function fire onsubmit is in the case of the user hitting enter to submit the form.

Why do you think it would be better?

thanks again!