Home arrow AJAX & Prototype arrow Page 2 - PHP AJAX Form Validation

AJAX Validation Process Overview - AJAX

Many sites feature web forms to collect information from users. Unfortunately, these forms often provide a poor experience for the user, with predictable results. This article will show you how to make filling out web forms more fun (or at least less painful) for your users with the help of PHP and some AJAX magic.

  1. PHP AJAX Form Validation
  2. AJAX Validation Process Overview
  3. AJAX Web Form and the Required Files
  4. The PHP script to process AJAX inputs
By: Codex-M
Rating: starstarstarstarstar / 87
October 22, 2009

print this article



AJAX (asynchronous JavaScript and XML) is becoming more popular on the Internet, particularly when used with PHP. Sadly, lots of good PHP books do not include AJAX as a method to help validate user inputs. Therefore, if beginners are relying on good PHP books, they are entirely new to AJAX validation.

A screen shot below differentiates an AJAX and non-AJAX validation process.

Based on the above screen shot, a non-AJAX web form will reload the page to another URL and show the results of the data validation. The user is then required to click the link or press the back button to go back to the form page URL again. At the form page URL, the user will again type all the entries, because they will be lost when reloading the page.

This process is still common on some websites today. It gives a poor user experience because it takes a lot of time just to complete and validate the form.

With AJAX form validation, after clicking the submit button, the validation results (which provide feedback on the data entry mistakes) are still shown in the form URL WITHOUT reloading the page. This is a convenient method that allows the users to easily retype and correct wrong entries.

>>> More AJAX & Prototype Articles          >>> More By Codex-M

blog comments powered by Disqus
escort Bursa Bursa escort Antalya eskort


- Best AJAX Tutorials for Forms
- The Best AJAX Tutorials
- 8 Great Ajax Tutorials
- Using Ajax and jQuery
- Using Ajax and jQuery with HTML Forms
- Ajax.org Offers Cloud9 IDE for JavaScript
- Java Technologies Provider ICEsoft Releases ...
- Using Recaptcha in AJAX Prototype Framework ...
- Google's Closure Compiler Service API: Addit...
- Installing Google Web Toolkit: Introducing t...
- Google's Closure Compiler Service API: Displ...
- Google's Closure Compiler Service API: Deliv...
- Google's Closure Compiler Service API: the A...
- Google's Closure Compiler Service API: the S...
- Google's Closure Compiler Service API: Optim...

Developer Shed Affiliates


Dev Shed Tutorial Topics: