Anyway, all sorted out now. Your form works great, and your help has been greatly appreciated.

Thanks,
-B

The thing that’s throwing me is that in your non-ajax demo, the form action just refers back to itself.

http://trevordavis.net/play/jqueryAjaxForm/

There’s no apparent link to either a form processor or validation script/verify.php in your non-ajax example, bringing me to the questions:

1 – where/how is the form procesing being done?

2 – where/how is form validation being carried out?

There’s obviously something very basic I’m missing here….

Thanks,
-Bob S

Question – your form works properly on my server with javascript enables in my browser. However, if I disable javascript, the form stops working, ie no validation, no success message and no email on the recipient end.

I’ve noticed that the form action of your Ajaxed demo points to the non-Ajax version of the form. My question is whether I will need to run two copies of the form – one ajax, one non-ajax – in order to accommodate my non-javascript users, or is the Ajax version form supposed to degrade?

Thanks.

http://klaudiaconstruction-al.com/contact.php
thanks
nik

http://img237.imageshack.us/img237/295/emailfrom.jpg

at the host provider is a solution about host admin e-mail:

http://helpdesk.fastdomain.com/index.php/kb/article/206

and i did the solution 2 but the solution 1 i really don’t know how to do…?! :(

At the sendEmail.php this is what is written:

Wish you best regards…
God bless you

Kontaktoni | Klaudia Construction 





    $(document).ready(function(){
        $(document).pngFix();
    });



 


		var flashvars = {};
		flashvars.xml = "config.xml";
		flashvars.font = "font.swf";
		var attributes = {};
		attributes.wmode = "transparent";
		attributes.id = "slider";
		swfobject.embedSWF("design3edge.swf", "content_slider", "575", "265", "9", "expressInstall.swf", flashvars, attributes);


























Hyrje
Rreth Nesh
Sherbime
Kliente
Kontaktoni








    


















CONTACT US



"Vivamus sit amet odio pellentesque odio faucibus tristique. Morbi facilisis,
ligula a faucibus pellentesque, orci justo consequat massa, sit amet dapibus
dolor diam viverra mi"

Vivamus sit amet odio pellentesque odio faucibus tristique. Morbi facilisis,
ligula a faucibus pellentesque, orci justo consequat massa, sit amet dapibus
dolor diam viverra mi.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam pulvinar nisi eu enim facilisis dapibus.
Duis viverra turpis vitae dui tincidunt eleifend. Etiam sodales, neque in dignissim dictum, dui libero
dictum orci, vel cursus felis velit vitae dui. 

Vivamus sit amet odio pellentesque odio faucibus tristique. Morbi facilisis,
ligula a faucibus pellentesque, orci justo consequat massa, sit amet dapibus
dolor diam viverra mi. Aenean porttitor, lectus at dapibus egestas, tellus ipsum
rhoncus orci.


		Send An Email
		* All fields are required

		    From<input type="text" name="emailFrom" id="emailFrom" value="<?php if(isset($emailFromError)) echo ''.$emailFromError.''; ?>
			Subject<input type="text" name="subject" id="subject" value="<?php if(isset($subjectError)) echo ''.$subjectError.''; ?>
			Message<?php if(isset($messageError)) echo ''.$messageError.''; ?>
			Send Email »








Kontaktoni:


Klaudia Shpk
Rr. Muhamet Gjollesha
P.56 Sh.1 Ap.8
Tirana-Shqiperi
Telefon: +355 - 682066757
Telefon: +355 - 682055758
Email: klaudia.shpk@yahoo.com
Email: mrdajti@yahoo.it



View Larger Map





FOLLOW US ON


 
 
















Hyrje | Rreth Nesh | Sherbime |
Kliente | Kontaktoni

© Copyright 2010. Klaudiaconstruction-al. All Rights Reserved

please help me how to fix it…
regards
Nik

Thanks.

My version is in coldfusion, and equally accessible as the one you’ve made. If anyone ever needs the cfm code, let me know, I’m happy to share.

http://www.everygoodbook.com/detail/296

Would the sendemail file look like that? I have added two times “messagesecond” below but I am really not sure.

$mailFrom = $_POST['emailFrom'];
$subject = $_POST['subject'];
$message = $_POST['message'];
$messagesecond = $_POST['messagesecond'];

mail('xxxxx@gmail.com', $subject, $message, $messagesecond, "From: ".$mailFrom);
?>

Index file
Second box name

Verify file

if($_POST['secondbox'] == '') {
	$messageError = '     bla bla bla.';
}

Submitform.js file

var secondboxVal = $("#secondbox").val();
if(messageVal == '') {
	$("#secondbox").after('Veuillez renseigner le prenom et nom de la premiere personne.');
	hasError = true;
}

Sendemail.php file

$message = $_POST['message'];

var secondboxVal = $("#secondbox").val();
if(messageVal == '') {
	$("#secondbox").after('Veuillez renseigner le prenom et nom de la premiere personne.');
	hasError = true;
}

I would like the visitor of my page to indicate three different names into three different boxes. How can I do to get the content of the three boxes into the message of my email? Would this complicate the script too much?

this seems to work…

$('#sendEmail')[0].reset();

Thanks for cleaning up my posts!

Also, I was curious if there was a way to clear all the form fields on the fadeIn back to the default. In Firefox 3.5 all the information you just submitted seems to stay in the fields, but is that just a Firefox thing?

I’ve been testing out variations of your code and noticed that if you have slow net, like if you are running utorrent and your connection is maxed, the timings get all screwed up.

Is this because of setTimeout? Is there a better way to fade out and remove the success message then reload the original form with fadeTo?

I’m running mine with fadeTo instead of fadeOut and if I set the timeouts longer it works fine on slow net but if it’s slower then the times overlap and when pulling in my form again it removes the P thus removing my original P on form.

Page w/ form: http://fiftyonestudios.com/projects/web/submitform/contact/

Here’s what my code looks like at the moment:

$(document).ready(function(){
	$("#submit").click(function(){
		$(".error").hide();

		var hasError = false;
		var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;

		var nameVal = $("#name").val();
		if(nameVal == '') {
			$("#name").after('You forgot to enter your name.');
			hasError = true;
		}

		var emailFromVal = $("#emailFrom").val();
		if(emailFromVal == '') {
			$("#emailFrom").after('You forgot to enter your email address.');
			hasError = true;
		} else if(!emailReg.test(emailFromVal)) {
			$("#emailFrom").after('Please enter a valid email address.');
			hasError = true;
		}

		var subjectVal = $("#subject").val();
		if(subjectVal == '') {
			$("#subject").after('You forgot to enter the subject.');
			hasError = true;
		}

		var messageVal = $("#message").val();
		if(messageVal == '') {
			$("#message").after('You forgot to enter the message.');
			hasError = true;
		}

		if(hasError == false) {
			$(this).hide();
			$("#sendEmail li.buttons").append('');

			$.post("sendemail.php",
   				{ name: nameVal, emailFrom: emailFromVal, subject: subjectVal, message: messageVal },
   					function(data){
						$("#sendEmail").fadeOut(400, function() {
							$("img#loading").remove();
							$("#sendEmail").before('Success!Message sent. Thank you and have a great day!');
							setTimeout(function() {
								$("#contact_form p").fadeOut(400);
							}, 2500);
						});
   					}
				);
				setTimeout(function() {
					$("#sendEmail").fadeIn(600);
					$("form p").show();
					$("#submit").show();
				}, 5000);

		}
		return false;
	});
});