CleanCode logo

Validation Engine Exerciser

This web page is a demo showing most HTML form inputs with the simplest possible front-end code. Fill out any fields you please, press the Validate button, and any errors will be reported in the scrolling text box at the bottom of the page. Requiring only a hook on the submit button, this front-end validation provides immediate user feedback. You may enable diagnostics on the front-end processing by providing a value for the diagnostic mask (next to the Validate button). This will pop-up a new window with formatted and color-coded diagnostics.

For back-end validation, select the Submit to Server option. Then, the same validation engine on the server will return its results on a fresh web page. (Normally, you would not want to proceed with server-side processing while the client-side engine detects errors. But in this CleanCode-engineered setup, if the client-side is error-free, the server-side will also be error-free.)

Text fields City State
Text fields with dependencies Credit Card # Type Amex ID
Birth Date: Month Day Year
Password fields Enter 4-8 chars Re-enter
Selections Title (single)       Region(s) (multiple)
Radio--Typical Time Spent  Less than 1 min (BAD)     1-2 min (BAD)     2-5 min      5-10 min
Radio--Singular A unit 1 unit
Checkbox Send me mail?
Text area
Hidden field Hidden field here...
Duplicate fields Xyz    Oops! Xyz again
File upload

Diagnostics (0x00000000-0xffffffff): Warnings: Names Only: Submit to Server:

Valid XHTML 1.0!Valid CSS! Logo
Copyright © 2004 Michael Sorens • Contact usPrivacy Policy
Usage governed by Mozilla Public License 1.1 and CleanCode Courtesy License

CleanCode -- The Website for Clean Design Revised 2004.01.01