Top 100 AJAX form scripts for 2007
The web is changing and so is the way we posting data. If you take a look at Google, Facebook, and almost every new start up, simply posting form data is a thing of the past. You can now validate without posting, upload multiple files, change the way form elements work and much, much more. We gathered 100 of the web’s top AJAX/form related scripts. Use them to enhance your forms and impress your clients (Clients like fancy, pretty things).
Demonstrates the use of prototype Window login form with RubyOnRails and Ajax.
Masked Input Plugin for jQuery
This is useful for fixed width input where the data follows a certain format.
Shows some form input validators both serverside and browserside.
An extension for Ext.tree.TreeNodeUI to allow nodes to be ‘checked’.
This page will highlights the capabilities of the Spry Auto Suggest Widget.
A textbox with resize handles on the bottom, right, and bottom-right corner.
Here?s another AJAX login form example using php, javascript and css.
It lets people create rich, formatted text through a web form. It creates html or xhtml.
An ajax file manager/file browser which may be used stand-alone, or as a plugin.
Anchor layout in forms to ensure a consistent size and position for form fields.
AutoCompleter - using jQuery(Ajax), PHP and MySQL, Tutorial and demo included.
jquery.suggest, an alternative jQuery based autocomplete library.
A demonstration of how Moo Tools can be used to generate custom form elements.
An unobtrusive AJAX contact form (works even with JavaScript disabled).
Easily customisable WYSIWYG editor for simple content that replaces textareas.
Client side validators using AJAX Control Toolkit, by adding callouts and modal dialog.
Insure yourself from spam! The Anti Spam Insurance Company - ProtectWebForm!
Styling inputs with css and dom
This simple enhancement provides the ability to style file inputs with css, js, dom.
A pin plugin for prototype library which aims to remember some field’s values.
Performs different tests on forms and indicates errors, using moo tools library.
Asynchronous File Upload - YUI
This script uses YUI’s Connection Manager, to perform asynchronous File Upload.
Grow a textarea - A moo tools plugin
Just make a form, and this script will add the ability to resize each textarea.
An Ext.form.BasicForm extension for easy upload of (multiple) files to a server.
Stable and easily configurable version of Skinnable Checkboxes! And ajax-driven too!
Used to provide ULTIMATE flexibility in changing the appearance of form elements.
An Autocomplete demo using Easy Ajax framework. Free source code to download.
This Mootools form validator can validate multiple forms on a page independently.
Select checkboxes by clicking on one and then SHIFT+clicking on the last desired one.
Update a value inside a MySQL Database using the AJAX method when drag stops.
Watermark input plugin - jQuery
It allows forms with limited space to display information about the contents of a field.
A pretty basic jQuery plugin to disable text selection.
autoSave is the result of user complaints about losing data due to session timeouts.
Add a single option, change the text of an existing option or add multiple options.
Add an outline and background to text inputs when they are given focus.
Allows only valid characters (i.e. numbers) to be typed into a text box.
YAV: jQuery plugin for client side validation
XHTML standard, accesible and usable, library for form validations using jQuery.
Uses a hidden IFRAME to post the file and AJAX to check the progress, like gmail.
Resizing textarea using prototype
The textarea grows automatically based on the contents. Based on prototype library.
Form elements with beautiful shapes using lightweight jQuery JavaScript library.
An UI control that allows for the rich formatting of text content using YUI.
Simple to configure form validator built on prototype and scriptaculous libraries.
Nice looking, structured, customizable, semantic, accessible and usable forms.
Very simple and clean form validation using the adobe spry framework.
Tell the user what’s expected of him especially when filling out a form.
It allows you to easily and unobtrusively upgrade HTML forms to use AJAX.
Purpose of this widget is to provide an UI for easy upload of files to a server.
DHTML Form Controls built with the Yahoo User Interface Libary.
Very handy when you need to implement and autocompleter into an existing framework.
When you select item in first dropdown data in the second populates automatically
Here is the complete example code (form and script).
Ajax Contact form with validation
A neat ajax based contact form with validation of required fields.
Creates an alternative to the standard select multiple control.
Provides a toolbar for textareas where users are entering text.
Creates an unobtrusive and customizable suggestion box for input fields.
A moo tool extension that provides a way to submit a html form via ajax.
A very simple navigation bar using the Moo Tools Library.
Ajax Username Check - Using JQuery!
Check if a username is available on the onblur event using Ajax and JQuery.
Web SpinButton / SpinBox Control
This page demontrates a Web Spin-Button control using only a textbox.
Simple method to replace form checkbox styles using JQuery.
This script is a PHP & Mysql Based WYSWYG Form Builder powered by Jquery.
Ajax Autocomplete Revisited - Highlighting the selection.
The combo box can use any type of Ext.data.Store as it’s data source.
How to Make a Password Strength Meter Like Google with a simple demonstration.
Roll over any of the fields to highlight words and click to edit them.
Form validation plugin for JQuery, very simple and easy to integrate.
Select a top level category from one select box to populate the sub category.
The most simple, elegant, beautiful Ajax autocomplete component.
Spotlight-Like Search As You Type With CSS, AJAX & JAVASCRIPT.
wForms - A JS extension to web forms
A JS library that adds commonly needed behaviors to traditional web forms.
This script ues AJAX to autofill the form fields when a valid entry is made.
This is particularly useful for search boxes or tagging entry boxes.
iMask is an open source javascript tool for creating input and textarea masking.
fValidate is a javascript-based form validation tool for HTML forms.
Simple and Clean ajax enabled captcha control with demo and source code.
Unobtrusive JavaScript to implement “input masks.” No validation though.
Really easy field validation with Prototype
- Just U need to “Create your form “, no extra work
The following does a gmail style check on the username supplied to see if it is unqiue.
An alternative to the select element with enabled multiple attribute.
Form layout Accessible and Stylish
The semantic codes that make HTML forms accessible and Usable
Cool collection of Scripts to add more contents to your form.
Know how to enable your forms more usable and accessible
It adds a pop down menu of suggested values to a text field.
For complete, good looking and informative forms.
Here is scripting technique - You need not open new window
You can change default look of the form by styling their HTML tags.
These Scripts were passable in all types of forms
Here you can use CSS to Create a Two-Column Layout
It works in Win/IE6, Firefox v1.0+, Win/Opera v8.0
Here is a clever use of Javascript, the DOM and CSS
Include a JavaScript file, CSS file and content without interrupting any functionality.
A Script to give nice forms in styling and in HTML structure
Find the beautiful code/script behind your form to achieve desired layouts
It is a garden of CSS Stylesheets for Web forms
You can reuse it on any project with correctly marked up HTML form.
Hello webmaster…Man i just love your blog, keep the cool posts comin..holy Tuesday
Best Use Full
HUGE!
Very helpful Script friends Please Do visit.
[...] the web for good forms. There are some pretty good AJAX web forms out there especially those on noboxmedia however they do not create members’ database for me to keep track. After 8 hours (seems like [...]
[...] to announce that one of my scripts - Skinnable Checkboxes was ranked on position 24 in the annual TOP 100 of the coolest AJAX form scripts of Nobox Media along with libraries such as Prototype, jQuery, [...]
Great Post!
Thank you
just love your posts, quite a nice collection, Keep up the excellent work!
What a great website. FYI you are in my Favs. keep up the great Job!!
Hello
What do your think about worm detector ?