JavaScript
  Home arrow JavaScript arrow Form Validation with Progressive Enhanceme...
Dev Articles Forums 
ADO.NET  
Apache  
ASP  
ASP.NET  
C#  
C++  
ColdFusion  
COM/COM+  
Delphi-Kylix  
Design Usability  
Development Cycles  
DHTML  
Embedded Tools  
Flash  
Graphic Design  
HTML  
IIS  
Interviews  
Java  
JavaScript  
MySQL  
Oracle  
Photoshop  
PHP  
Reviews  
Ruby-on-Rails  
SQL  
SQL Server  
Style Sheets  
VB.Net  
Visual Basic  
Web Authoring  
Web Services  
Web Standards  
XML  
Mobile Linux 
App Generation ROI 
IBM® developerWorks 
Weekly Newsletter
 
Developer Updates  
Free Website Content 
 RSS  Articles
 RSS  Forums
 RSS  All Feeds
Write For Us Get Paid 
Request Media Kit
Contact Us 
Site Map 
Privacy Policy 
Support 
 USERNAME
 
 PASSWORD
 
 
  >>> SIGN UP!  
  Lost Password? 
JAVASCRIPT

Form Validation with Progressive Enhancement: Final Touches
By: Alejandro Gervasio
  • Search For More Articles!
  • Disclaimer
  • Author Terms
  • Rating: 5 stars5 stars5 stars5 stars5 stars / 3
    2010-07-21

    Table of Contents:
  • Form Validation with Progressive Enhancement: Final Touches
  • Review: building a form validation program using Progressive Enhancement
  • A basic data validation PHP class
  • A simple data checking script

  • Rate this Article: Poor Best 
      ADD THIS ARTICLE TO:
      Del.ici.ous Digg
      Blink Simpy
      Google Spurl
      Y! MyWeb Furl
    Email Me Similar Content When Posted
    Add Developer Shed Article Feed To Your Site
    Email Article To Friend
    Print Version Of Article
    PDF Version Of Article
     
     
    ADVERTISEMENT


    Form Validation with Progressive Enhancement: Final Touches


    (Page 1 of 4 )

    In this sixth part of a series, I finish building a sample web application tasked with validating web forms via Ajax and PHP. The use of Progressive Enhancement is crucial to keeping the application working as expected, even if JavaScript is disabled on the browser.

    While at first glance the process may look challenging and even intimidating, the truth is that using Progressive Enhancement (PE) to increase the accessibility of some common real-world web applications, such as dynamic image galleries, drop-down menus and form validators is much easier than you might think. Of course, the best way to prove this is by example. With that requirement in mind, in earlier chapters of this series I went through the development of some extensible web programs which relied on the functionality provided by PE to work properly, even if JavaScript was disabled on the browser.

    I left off the last tutorial explaining how to create a web application whose main goal was to validate, on the server side, data entered in a web form. It used a combination of the Ajax capabilities offered by jQuery and PHP. In accordance with the model imposed by PE, this application was capable of maintaining its core functionality intact, even if scripting was turned off on the client.

    It’s fair to clarify, however, that in its current state the aforementioned application isn’t completely functional. It needs the PHP script responsible for performing the actual validation process on the inputted data, which we haven't written yet. Therefore, over the course of this sixth installment of the series I’m going to build the corresponding PHP script, which in this particular case will use an instance of a validation class to perform the checking task behind the scenes.

    So, are you ready to learn the full details concerning the definition of this PHP class? Then let’s get started right now!

    More JavaScript Articles
    More By Alejandro Gervasio


       · This sixth part of a series finishes building the form validation program created...
     

    JAVASCRIPT ARTICLES

    - Google Ajax APIs: Building a Navigation Bar ...
    - Easing jQuery Plug-in: Using the easeOutBack...
    - jQuery Easing Plug-in: Building a Navigation...
    - Easing jQuery Plug-In: Fixing Access Issues ...
    - Easing jQuery Plug-in: Implementing the Beha...
    - jQuery Easing Plug-in: Building an Animated ...
    - Dynamic Drop-down Menus: Javascript Progress...
    - Creating Drop-down Menus Using Progressive E...
    - Building Slide Shows Using Progressive Enhan...
    - Form Validation with Progressive Enhancement...
    - Validating Web Forms: an Introduction to Pro...
    - Ajax Progressive Enhancement: Reading Remote...
    - Ajax Image Requests: Progresive Enhancement ...
    - jQuery Image Gallery: Working with Progressi...
    - Progressive Enhancement in an Image Gallery





     


     


    © 2003-2010 by Developer Shed. All rights reserved. DS Cluster 6 Hosted by Hostway
    For more Enterprise Application Development news, visit eWeek