10 Cool Ajax Form Plugins and Tutorials

Posted on 06. Dec, 2009 by tutorials007 in Resources 185 views

If you are looking to give your readers better surfing experience, to make your site look nicer you can do that with following ajax/jquery plugins or tutorials.
I’ve collected a list of 10 ajax plugins and tutorials which I found to be very useful.
I’m considering myself as newbie in ajax coding so I think I choose right plugins for you.

1. Ajax Fancy Captcha

Ajax Fancy Captcha is a jQuery plugin that helps you protect your web pages from bots and spammers. We are introducing you to a new, intuitive way of completing “verify humanity” tasks. In order to do that you are asked to drag and drop specified item into a circle.
Captcha’s security level is medium, with the emphasis on nice looking and user friendly qualities while still offering reasonable protection from unwanted “guests”. It has a basic design and its elements are easy to style and customize.

2. Fancy Form

FancyForm is a powerful checkbox replacement script used to provide the ultimate flexibility in changing the appearance and function of HTML form elements. It’s accessible, easy to use and degrades gracefully on all older, non-supporting browsers.

3. FancyUpload

FancyUpload is a file-input replacement which features an unobtrusive, multiple-file selection menu and queued upload with an animated progress bar. It is easy to setup, completely styleable via CSS and XHTML and uses MooTools to work in all modern browsers.

4.  Ajax Contact Form

Excellent example of accessible AJAX. Uses unobtrusive Javascript. By Dustin Diaz.

5. Ajax AutoSuggest

An AJAX auto-complete text field - where it adds a popdown menu of suggested values to a text field. The user can either click directly on a suggestion to enter it into the field, or navigate the list using the up and down arrow keys, selecting a value using the tab key.

6.  Form Validation Script

An extremely easy to use ajax validation script.
It has a number of tests built-in but is extensible to include your custom validation checks. The basic method is to attach to the form’s onsubmit event, read out all the form elements’ classes and perform validation if required. If a field fails validation, reveal field validation advice and prevent the form from submitting.

7. jQuery Form Plugin

The jQuery Form Plugin allows you to easily and unobtrusively upgrade HTML forms to use AJAX. The main methods, ajaxForm and ajaxSubmit, gather information from the form element to determine how to manage the submit process. Both of these methods support numerous options which allows you to have full control over how the data is submitted.

8. Live Validation

LiveValidation is a small open source javascript library for making client-side validation quick, easy, and powerful. It comprises of two main parts. Firstly, it provides developers with a rich set of core validation methods, which can also be used outside the context of forms. Secondly, it provides your visitors with real-time validation information as they fill out forms, helping them to get it right first time, making the forms easier, quicker and less daunting to complete.

9. AJAX form validation

Learn how to use AJAX in order to process and validate your forms.

10. Masked Input Plugin

This is a masked input plugin for the jQuery javascript library. It allows a user to more easily enter fixed width input where you would like them to enter the data in a certain format (dates,phone numbers, etc).