Home arrow HTML arrow HTML Form Verification and ACP

HTML Form Verification and ACP

HTML form verification is a good candidate for Active Client Pages (ACP). After a user has filled in an HTML form, you may want to present a new page to him showing all of the information he has typed in the form. This new page is the verification page. In this article I show you how to use the technology of Active Client Pages to produce the verification page at the client, not from the server as the present state of the art depicts.

Author Info:
By: Chrysanthus Forcha
Rating: 5 stars5 stars5 stars5 stars5 stars / 6
August 18, 2009
  1. · HTML Form Verification and ACP
  2. · The Code
  3. · The verifPage Variable
  4. · The verify() Function
  5. · Summary of the Document Phase of Chrysís Approach to ACP

print this article

HTML Form Verification and ACP
(Page 1 of 5 )

In this verification page, you show him everything that he has typed. He verifies it, and if the information is correct, he clicks the Submit button; if he made a mistake, he clicks the Back button in the Tool Bar, goes back and retypes.

Our Example

We shall use a simple example. We shall use a Form that has three Input Text Controls. These three Input Text controls will be in a FORM element. This FORM element will not have a Submit Button.

It does not have to have one, because after filling out this form, the user will be presented with a Verification Page; and in this verification page he would verify (mentally) whether what he typed into the Form was correct.

It is this verification page that has the Submit Button. If everything on the verification page is okay, the user will click the verification page's Submit Button.

There is a button labeled "Verify" on the Formís page. When you click this button, the verification page appears. The data you typed into the Input Text elements of the verification page appears in SPAN elements in the verification page.

The verification page has three Input Text elements, each of which has a copy of data from one of the Input Text elements of the Formís page. The value of the display property of the Input Text elements in the verification page is set to "none." In this way, they are not seen and they do not occupy space.

However, it is the data in these Input Text elements in the verification page that are sent to the server, and not the data in the SPAN elements of the page. The SPAN elements are just there to show to the user the data he or she typed. The Input Text controls in the verification page are in a FORM element that has a Submit Button. The SPAN elements in this page are not in the FORM element.

blog comments powered by Disqus

- Does HTML5 Need a Main Element?
- Revisiting the HTML5 vs. Native Debate
- HTML5: Not for Phone Apps?
- HTML5 or Native?
- Job Hunting? Freelancer.com Lists This Quart...
- HTML5 in the News
- Report: HTML5 Mobile Performance Lags
- The Top HTML5 Audio Players
- Top HTML5 Video Tutorials
- HTML5: Reasons to Learn and Use It
- More of the Top Tutorials for HTML5 Forms
- MobileAppWizard Releases HTML5 App Builder
- HTML5 Boilerplate: Working with jQuery and M...
- HTML5 Boilerplate Introduction
- New API Platform for HTML5

Watch our Tech Videos 
Dev Articles Forums 
 RSS  Articles
 RSS  Forums
 RSS  All Feeds
Write For Us 
Weekly Newsletter
Developer Updates  
Free Website Content 
Contact Us 
Site Map 
Privacy Policy 

Developer Shed Affiliates


© 2003-2018 by Developer Shed. All rights reserved. DS Cluster - Follow our Sitemap
Popular Web Development Topics
All Web Development Tutorials