16 Free Ajax Contact Forms – For A Better User Experience
Contact forms are the most common bridges between readers & site owners whether it is a blog or an e-commerce site.
Creating a better user experience in this bridge definitely helps improving the effect created in the eyes of the site visitors.
Depending on the features (or JS frameworks to be used) you may need, you can choose from these 16 very nice free Ajaxed contact forms & implement them easily to any website.
There is a simple captcha-like validation which ask the user a sum of 2 numbers. E-mails are sent via PHP & displays user IP, user agent and referrer in the message.
Proto Form – Contact Form With Protoype
A lightweight (only 4KB) & unobtrusive contact form that is built with Prototype.
The fields are validated & highlighted accordingly. The e-mail message is sent via Ajax and a success result is displayed.
It is a very handy form which can be installed easily.
A very nice tutorial from Nettuts on creating an Ajaxed contact form with jQuery & PHP.
The form has an input validation. After the message is sent in th ebackgroung a "success" message is displayed to the user.
An unique feature of it is, it tries to connect to the server of the sender to verify that it accepts mail to the address mentioned.
Message size can be limited and remaining characters are displayed in a box.
A sliding contact form built with jQuery. Form is normally hidden at the top & slides down with the first click & up at the 2nd click.
There is no form validation & mail sending code included.
A contact form that checks the validity of the fields & sends the e-mail accordingly. It is not updated for a while but the form works ok.
roScripts Form – MooTools Ajax Contact Form – Demo
This Ajaxed contact form uses jQuery & the jQuery Form plugin for input validation.
Inputs are sanitized for the form being safe. A success or an error message is displayed after the form is submitted without leaving the page.
A nice & free contact form script that can do required input validation by adding a class info to the form elements like:
An unobstrusive contact form that has a PHP backend & uses jQuery.
It controls the required fields, displays warnings accordingly & sends the email with no page refresh.
Fancy Ajax Contact Form (French – Click For English)
This form is built with MooTools with a PHP backend.
It has a very nice look & there is no validation implemented.
A contact form built with MooTools.
This form checks the fields to see if they are valid, displays an error if there is a problem & sends the message as an e-mail when everything is ok. E-mail is sent via a PHP file with no refresh.
The script is normally an e-mail sending form which can easily be modified to turn it into a contact form.
A nice contact form that uses jQuery & PHP.
It validates all the inputs, displays warnings when needed & sends the e-mail.
Using jQuery & the jQuery Form plugin, this ajax contact form script validates inputs & sends the e-mail.