A simple contact form with basic jQuery validation and AJAX form submission

contactForm.php

<script>

// Optional jQuery Validation
function sendEmail(){
	var email = document.getElementById('email').value;
	var name = document.getElementById('name').value;
	var message = document.getElementById('message').value;


	if (name == "" ) 
   {
       alert("Please enter your full name")
       document.myForm.name.focus() ;
       return false;
   }
   
	if (email == "" ) 
	   {
	       alert("Please enter your email")
	       document.myForm.email.focus() ;
	       return false;
	   }
	   
   if (message == "" ) 
   {
       alert("Please enter your message")
       document.myForm.message.focus() ;
       return false;
   }
   	
   	// REQUIRED to send the data over to PHPMailer
	$.ajax({
	    url: 'phpmailer.php', // for WordPress, use "../wp-content/themes/THEMENAME/phpmailer/phpmailer.php"
	    type: 'post',
	    data: {"email":email,"name":name,"message":message},
	    
	    
	    success: function(response) {
	    		document.getElementById('email').value = "";
	    		document.getElementById('name').value = "";
	    		document.getElementById('message').value = "";
	
	
					$('input[type=submit]', 'form').attr('disabled', 'disabled');
					$("#myForm").addClass("message-sent");
					$("#success").show();
					$("#myForm").fadeOut('medium');
		
	    } //finish ajax
	});	

} // end sendEmail function

</script>

<form name="myForm" id="myForm" action="javascript:sendEmail();">
	<label>Your Name</label>
	<input type="name" id="name" />
	<label>Your Email</label>
	<input type="email" id="email" />
	<label>How can we help you? Please explain.</label>
	<textarea type="text" id="message" cols="10" rows="7"></textarea>
	<input type="submit"></input>
</form>