$30
Assessment 4: Creative Project
Create a form with a button that will validate the data entered
(25%)
Due: March 12th, 2019
Students will be required to build a form with 2 or more fields with different expected data types (i.e. String value, numeric value), and a button that will validate the input contents when the button is pressed. If the validation fails, an alert should be presented to correct the appropriate field.
Instructions
In an HTML file, create a form with two or more fields and a submit button that will validate the fields to ensure the expected data type is being entered, and if not display an error explaining that validation failure and on which field.
Please refer to the rubric at the end of this document for evaluation details.
Requirements
• Use either a separate label element or a JavaScript alert to display the validation error
• Display a success message with an alert or a success “action” page when validation passes
• Be creative, consider using different input types (checkboxes, radio buttons) to challenge yourself
• Must use a form, and only JavaScript to validate the data
Submission
• Upload to D2L Dropbox folder labeled “Assessment 4: Creative Project”
Evaluation
This assessment is graded out of 16 points and will be evaluated using the following rubric.
Learners may receive partial scores or a zero for unacceptable work.
Criteria Does Not Meet Expectations
1 Partially Meets Expectations
2 Meets
Expectations
3 Exceeds Expectations
4 Max Points
Quality of Implementation Inadequate comprehension of concepts or theories presented in course materials. Partial comprehension of concepts or theories presented in course materials. Adequate comprehension of concepts or theories presented in course materials. Broad and in-depth comprehension of concepts or theories presented in course materials. 4
Required Components Work is missing/does not address required components indicated in the instructions. Work is missing/does not address some of the required components indicated in the instructions. Work includes all components and meets the requirements indicated in the instructions. Work includes and exceeds the requirements indicated in the instructions. 4
Code Quality Unclear organization. Many grammatical, spelling, or punctuation errors. Some signs of logical organization. A few grammar, spelling, or punctuation errors. Organization supports purpose. Almost no grammatical, spelling, or punctuation errors. Organization fully supports purpose. No grammatical, spelling, or punctuation errors. 4
Functionality Does not function, errors are present. Some noted requirements behave as required, however some do not. All noted requirements behave as required. All noted requirements behave as required, following best practices outlined in class. 4