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.
HTML Form Verification and ACP - Summary of the Document Phase of Chrys’s Approach to ACP (Page 5 of 5 )
One of the features of ACP design is the Document Phase of Chrys’s Approach to ACP. The way we have produced the verification page above is in line with this feature. This is a summary of the feature, which is my innovation.
The master page is the first page downloaded from the server by typing the address in the browser and clicking Go.
Other pages in the session are HTML documents developed and loaded at the client’s browser.
While the user is working, data of any type, including program script code, is downloaded from the server in advance, without the knowledge of the user, by an external JavaScript tag or by Ajax.
It is advisable to put the Ajax script or external JavaScript tag at the bottom of the page, so that while the user is reading the page, the data will be downloaded. In this way the user should not perceive the downloading process.
The downloaded data has to be stored in the JavaScript variables, JavaScript object properties and JavaScript arrays in the script of the master page, which is the first document downloaded.
The Store is a moving store. As the next page is loaded, the store moves to it.
Pages are produced by script that is in the HEAD element of the master page or script in the BODY element of a page (content) downloaded.
The Back and Forward buttons of the browser are enabled with this approach.
This phase of Chrys’s Approach incorporates the Script and Ajax Approach to ACP.
The production of the verification page above is simple; the data for the verification page is obtained from the user input from the Form’s page. There is no need to download any data from the server. There is no need for any store, since we had to produce just one page (the verification page).
This Article and Browsers
You can combine the above code segments to form the complete code. I tested the complete code with the following browsers: Internet Explorer 6, Mozilla Firefox 2, Netscape 8, Opera 9 and Safari 3.
The complete code worked very well with Internet Explorer 6. It worked reasonably with Mozilla Firefox 2 and Opera 9. It did not work with Netscape 8 and Safari 3. The Document Phase of Chrys’s Approach to ACP does not work with Netscape 8 and Opera 9.
The small problem with Mozilla Firefox 2 and Opera 9 is that these browsers do not display the SPAN elements with the width that you specify. So the SPAN elements are not aligned vertically. Maybe you can solve this problem today by replacing the SPAN elements in the verification page with the cells of an HTML table (that is, use an HTML table). In that way, the code may work with Mozilla Firefox 2 and Opera 9 very well.
Well, I hope from now on you will be able to produce your verification page using ACP as I have shown in this article.
DISCLAIMER: The content provided in this article is not warranted or guaranteed by Developer Shed, Inc. The content provided is intended for entertainment and/or educational purposes in order to introduce to the reader key ideas, concepts, and/or product reviews. As such it is incumbent upon the reader to employ real-world tactics for security and implementation of best practices. We are not liable for any negative consequences that may result from implementing any information covered in our articles or tutorials. If this is a hardware review, it is not recommended to open and/or modify your hardware.
HTML 
ACP Tab Web Page
