jQuery Simple Contact Form

With jQuery Simple Contact Form, you can install an ajax contact form on your website, writing only the form html code and one js code line.
The plugin keeps the form's labels in the email sended, using their "for" attribute.
jQuery Simple Contact Form can check required and email fields too, and add a custom class error to the wrong elements.
Many options can be configured.
Recipient E-mail is configured in the php file.

Example Form

*Name :

Phone :

Product :

*E-mail :

Checkbox :

*Req Checkbox :

*Message :

The JS Code : $('form').simpleContactForm();

Email received

*Name : Test name

Phone : 00 11 22 33 44

Product : Product 2

*E-mail : tester@test.com

Checkbox : on

*Required Checkbox : on

*Message : This is my message !

Options details

Here is the list of options :

clearAfterSend : Boolean | Clear the form elements
errorClass : String | Error CSS class
senderEmail : String | Sender e-mail
subject : String | E-mail subject
success : Function | Function executed after sending
type : String | Ajax type, 'post' or 'get'
url : String | path to the plugin php file

CSS Presets Class

Class to use on input, select and textarea elements :

required : If is an empty value, the form don't send email, and add the errorClass to the element.
email : If isn't an email, the form don't send email, and add the errorClass to the element.
senderEmail : Replace the senderEmail parameter by this element value. If there's no senderEmail class and no senderEmail option, the senderEmail will be the last email input value.

The full default js code

$('form').simpleContactForm(
{
	senderEmail : "", // if you leave this field empty, the mailing address will be the email field of the form
	url : "php/simpleContactForm.php", // path to the plugin php file
	type: "POST",  
	subject : "New message from your website",    
	clearAfterSend : true,	 			
	errorClass : "error",								
	success : function() {
		alert('Define this function in "success" parameter');
	}
		
});

Example of html code

‹form›
‹p›
	‹label for="contact_name">*Name :‹/label›
	‹input id="contact_name" type="text" class="required"/›
‹/p>
‹p>
	‹label for="contact_email">*E-mail :‹/label›
	‹input id="contact_email" type="text" class="email"/›
‹/p>
‹p>
	‹label for="contact_msg">*Message :‹/label›
	‹textarea id="contact_msg" ›‹/textarea›
‹/p›
‹/form›