AJAX forms

Increase accessibility for AJAX-based forms. The implications for accessibility and usability when using Javascript to dynamically update a web page.

XML in the Browser: Submitting forms using AJAX. A tutorial going over the basics.

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.

How to create a form that will process using AJAX and PHP. Based on mootools as a javascript library and for the AJAX effect, our form will call the php page in order to process and validate our inputs. From here the title which represents the whole above definition: AJAX form validation.

A step by step form to send an email once it's been validated and checked to be ok using AJAX and a few effects from Scriptaculous.

AJAX and PHP Part 4. AJAX has some limitations with current browsers. This article covers those pertaining to how HTML Forms operate within AJAX dynamic content and what type of JavaScript can be used in AJAX-generated content.

Demo and source code for Autocomplete / AutoSuggest: An AJAX auto-complete text field.

Ajax and a PHP file which creates a database table for the auto suggest list. Ajax contacts this file from the script. This file outputs a list of countries in the demo.

Ajax and a PHP file which creates a database table for the auto suggest list. Ajax contacts this file from the script. This file outputs a list of countries in the demo.

A search form and a response page that will perform the search based on the $_POST parameter received from our index and display some possible matches/results/suggestions. Script.aculo.us for the Ajax.

AJAX to give real-time feedback to the user using server-side validation scripts and eliminate the need for redundant validation functions without giving up a solution that degrades gracefully when JavaScript is disabled.

LiveValidation is a small open source javascript library built for giving users real-time validation information as they fill out forms. Not only that, but it serves as a sophisticated validation library for any validations you need to make elsewhere in your javascript, it is not just limited to form fields.

AJAX with Prototype Tutorial - As soon as the person enters the zip code it makes a request to the server to see if the zip code is in the database, and returns the city and state.

Sometimes users lose data during long form entry due to session timeout. Very discouraging to hit submit and find your login has expired! This Ajax assist will a) validate the php session is still valid, b) prevent further form entry if not, and c) do a periodic automatic submit of the form.

Using Prototype.js a form text area will automatically enlarge itself when needed. If a textarea with a set height containing overflow contents the area enlarges onclick.

Type your password in the box and the script will automatically determine it's strength.

Demo and source code for AJAX captcha verification using images.

This script uses Ajax & PHP to popuplate a select box with cities based on which country you input.

Ajax contact form highlighting all of the fields that need to be filled plus fields with errors (error message displayed). PHP processes everything the form sends and returns the array of extra form fields as name->value pairs. It even checks MX records to see if the domain on your email address is valid. Has code modularity to easily define variables.

LightForm is a free Ajax/PHP contact form. It combines FormCheck2 for fields validation and NiceForms to style text fields and textareas.

This is simple and powerfull AJAX feedback form protected with "Captcha ZDR" tool writen in PHP This script is ready for integration in your pages. The FeedBack form using PHP, HTML, AJAX, JavaScript, CSS You need just put your email address in $email_recipient to receive messages from that feedback and just need to include the script in your page. Open post.php file and write your email for receiving messages from feedback form.

A simple way to use Ajax for a website contact form using one script which can be added to any page using the php include function.

Unobtrusive, degradeable ajax contact form code with validation animation. (Version 1: Unobtrusive ajax contact form)

An ajax form to collect the email addresses and respond with a message without the need to reload or redirect. Using mootools for the AJAX effect, it communicates with a php file which will collect the input of the form and, based on our validation rules, decide what should be done.