// JavaScript Document /************************************************************************************** COPYRIGHT 2004 - RawData Corporation, www.RawData.net DEVELOPER: Richard Soares VERSION: 2.2 - 08.27.04 FILE NAME: FormValidationControls.js FUNCTION: Performs automated form validation through the use of the browser DOM. Checks for validation control attributes added to form elements. Executes EMPTY/NULL validation or PATTERN MATCH validation. Any found errors produce a composite alert and highlight invalid fields. COMPATIBILITY: MOST MODERN BROWSERS THAT SUPPORT THE DOM AND THIS SCRIPT. Includeing: WIN + MAC -> IE-5+, NS-4.7+, FIREFOX-0.9+, MOZILLA-1.7+ INSTRUCTIONS: Summary - Include this script in your files region. Add the following form element attributes to an existing form element. Then call this script from the onSubmit Event Method in your form tag. All else is automated. STEP ONE: Add this script to your HTML

tag, like so: WHERE 'PATH' IS THE PATH TO THIS FILE. STEP TWO: Add the onSubmit event to your HTML form tag, like so: onSubmit="(return validateFormByDOM('color')" WHERE 'COLOR' IS THE BACKGROUND COLOR FOR FIELDS THAT RETURN ERRORS. (OPTIONAL) STEP THREE: Use the following form control attributes to validate your form. NOTE - Only those form elements that contain these controls will be validated. If you dont need an element to be validated, simply dont add any validation controls to it. SPECIAL NOTE: All form elements should contain there required HTML attributes as normal, such as: name, id, type ... etc. ATTRIBUTE FUNCTION NOTES INPUT FIELDS required="true" Check for Empty Precidence over 'pattern' matching. pattern="RegEx" Compare fld value against Expression Used inplace of 'required' attreibute. (see sample patterns below) errorMsg="message" Message returned to user. Free form value. EXAMPLE: Validate for letters only using pattern. Validate not empty using required. INPUT FIELDS WITH A NUMERIC RANGE, ie: 18-36 min_req="min-num" Checks for minumim numeric range Where 'min-num' is the lowest number allowed. min_req="max-num" Checks for maximum numeric range Where 'max-num' is the highest number allowed. errorMsg="message" Message returned to user. Free form value. *If min_req & max_req attributes are found required is assumed. The 'required' attribute is not needed. TEXTAREA FIELDS required="true" Check for Empty No Pattern Matching offered. textsize="n" Check for maximum char length. Optional. Extends the 'required' attribute... Also returns appends related error messages. errorMsg="message" Message returned to user. Free form value. EXAMPLE: RADIO BUTTONS required="true" Checks for 'checked' radio in group. MUST appear on first radio btn in group. radiogroup="n" Where 'n' is the TOTAL number of buttons n the radio group. MUST appear on first radio btn in group with 'required'. id="unque_name" Basic HTML id name MUST, needed to find all radio btns in group. errorMsg="message" Message returned to user. Free form value. EXAMPLE: CHECK BOXES required="true" Check for 'checked'. errorMsg="message" Message returned to user. Free form value. EXAMPLE: SELECT required="true" Check for 'selected'. Required first