You are to write two versions of this assignment. One using HTML and VBScript and one using HTML and Javascript. In both, you are to create an HTML webpage that:
performs simple edits on user inputs;
displays original and new element values; and
displays some of the element properties
The purpose of the exercise is to examine how each of the intrinsic HTML objects interacts with VBScript/Javascript.
The specific tasks are:
The user should be able to interact with 6 different types of fields on the HTML page.
six radio buttons (use different values for each radio; the first radio button is checked at load time)
four checkboxes (none of the checkboxes are checked at load time)
a select box with five options (the first option ("default value") is selected at load time)
one text box (initial value is a single blank; maximum of 30 characters; all visible)
one textarea (intial value is "default value"; five rows and 40 columns)
one button (label should read "EDIT and REPORT")
When the user finishes entering data and making selections, the button labelled "EDIT and REPORT" is to be pressed. The VBScript component of the page will then edit the data according to the editing rules below:
Six radio buttons
None.
Four checkboxes
At least one checkbox must be checked.
Select box
The user must select an option OTHER THAN the first one.
Text Box Edits
The field should be edited to remove any occurrences of the three characters: /, \ or *. Identify the number of characters the user entered into the field and the number of characters remaining after the edit.
Text Area
All blank spaces should be replaced with the + character. Remove all carriage returns and line feeds. Identify the number of characters entered into the textarea before and after the edit.
Report any editing omissions to the user (e.g., if the user fails to check a checkbox, isssue a message that says: "You must check at least one checkbox").
Once the user has successfully entered data and made choices, write an output report with the information on the editing results and other descriptive data (i.e., create the page "on-the-fly"). Specifically report for:
Radio Buttons
the name of the radio button
the value of each radio button
the radio button checked at load time
the radio button checked by the user
Checkboxes
the name of each checkbox
the names of all the checkboxes chosen by the user
Select Box
name of the Select Box
list all the options and their associated values
the index of the initial selection and its value
the index of the final user's selection and its value
Textbox
Name of the textbox
Original contents and length
User's entry before editing and its length
User's entry after editing and its length
Textarea
Name of the textarea
Original contents and length
User's entry before editing and its length
User's entry after editing and its length
Page design, text labels for options, values and names are entirely up to you.