AJAX Contact Form

How to install

1. Extract zipfile to a folder you choose
2. Edit settings.xml to change the default recipient emailaddress info@example.com to your emailaddress.

That's all you need to make it work.

Testdrive

Try out by filling the form with sample data and click on "Get in touch". Within a couple seconds you will receive the email in your mailbox.

You can easily customize the fields to fit your needs and change the recipients of the contact form.

Customizing form fields

Modify your settings.xml to add or remove form fields. A form field has the following properties:

• nameField - The name of the field.
• mandatory - Set to true if the field is mandatory, false if the field is optional.
• message - The message to show when the field is mandatory and the field is empty or does not validate.
• validator - The preg_match pattern to validate the field, useful for email addresses and domainnames.

Replacing icons

The script uses two icons which you can replace by your own. - Tooltip - Error

Modify recipients

You can add multiple recipients for your contact form. Just modify the settings.xml to add or remove the recipients. An entry has the following properties:

• nameRecipient - Name of the recipient (e.g. John Doe)
• emailRecipient - Email of the recipient (e.g. info@example.com)

1.0.3 - 05/21/2011

• modified margins
• tooltip brought back

1.0.2 - 05/20/2011

• fonts made bigger
• removed fieldset and legend CSS

1.0.1 - 05/20/2011

• form table layout changed to form CSS layout
• required asterisks inserted using Javascript replaced by static html