IT 3215 Unit 04 Assignment Form Field Validation and Error Messages
IT 3215 Unit 04 Assignment Form Field Validation and Error Messages
Overview
You have
created a basic form and added interactivity to images using JavaScript. Now it
is time to validate information entered into your form fields. You will use the
“registration.html” file found in your Zip file. You will see that
the page has a form with the following fields to allow users to register for an
account. The items in parentheses are defined formatting instructions to be
observed for each field.
Username*
(must only contain letters and numbers)
Password*
(minimum of 8 characters)
PasswordVerify*
(minimum of 8 characters, must match password)
FirstName*
(text string)
LastName*
(text string)
Email (uses
xxx@xxx.xxx format)
PhoneNumber
(uses (xxx) xxx-xxxx format)
SignUpNewsletter
(radio box for yes/no)
Tips:
JavaScript
is case sensitive, so a variable named myVar is different from MyVar and myvar.
Perform
your form validation testing as you go rather than all at the end. It will be much
easier to fix the error if you have a smaller sequence of code to review.
Directions
Read the
assignment overview.
Use the
registration.html file to add functionality to the form found on the page. The
JavaScript that you write should validate each field and, if errors are made,
display appropriate error messages that direct the user to complete the form
properly. Once the form is completed, your script should open the confirmation
page (confirmation.php).
Note: The
input fields in the form with an asterisk are required fields.
Make sure
to do the following:
Write
JavaScript that defines that a field is required and generates an appropriate
error message if the field has not been completed.
Write
JavaScript to validate all input fields per the formatting definitions that the
field values should be checked against (found in the overview) after each
field.
Write
JavaScript that displays an appropriate error correction message (next to the
field) in the event a form entry error has been made.
Write a
JavaScript that will default the user’s cursor to the first erroneous input
field in the event that there is an input error.
Create a
submit button that executes the validation when submitted.
Once
completed, view your pages in each of your two selected Web browsers to see if
the content renders appropriately and consistently within each. Next, verify
that your code is error free using the appropriate browser specific development
tool found in the Resources.
Take a
screen capture of each of your validation results and save it for submission.
Submission
Requirements
Upload your
Web site files to your Web host.
Submit your
work in the courseroom using a single Zip file containing the following:
Your entire
Web site and all associated files.
A Word
document with:
The URL to
your Web site so the instructor can view your site on a live host.
A screen
capture of each of your two validations that you completed using the developer
tools found in the Resources.
Resources
Form Field
Validation and Error Messages Scoring Guide.
Microsoft
Edge Dev Tools.
Safari Web
Inspector Guide.
Chrome
DevTools.
IT3215 Web
Site Zip Files.
Toggle
Drawer
APA Writing Checklist
Use this document as a checklist for each paper you will write throughout your GCU graduate program. Follow specific instructions indicated in the assignment and use this checklist to help ensure correct grammar and APA formatting. Refer to the APA resources available in the GCU Library and Student Success Center.
☐ APA paper template (located in the Student Success Center/Writing Center) is utilized for the correct format of the paper. APA style is applied, and format is correct throughout.
☐ The title page is present. APA format is applied correctly. There are no errors.
☐ The introduction is present. APA format is applied correctly. There are no errors.
☐ Topic is well defined.
☐ Strong thesis statement is included in the introduction of the paper.
☐ The thesis statement is consistently threaded throughout the paper and included in the conclusion.
☐ Paragraph development: Each paragraph has an introductory statement, two or three sentences as the body of the paragraph, and a transition sentence to facilitate the flow of information. The sections of the main body are organized to reflect the main points of the author. APA format is applied correctly. There are no errors.
☐ All sources are cited. APA style and format are correctly applied and are free from error.
☐ Sources are completely and correctly documented on a References page, as appropriate to assignment and APA style, and format is free of error.
Scholarly Resources: Scholarly resources are written with a focus on a specific subject discipline and usually written by an expert in the same subject field. Scholarly resources are written for an academic audience.
Examples of Scholarly Resources include: Academic journals, books written by experts in a field, and formally published encyclopedias and dictionaries.
Peer-Reviewed Journals: Peer-reviewed journals are evaluated prior to publication by experts in the journal’s subject discipline. This process ensures that the articles published within the journal are academically rigorous and meet the required expectations of an article in that subject discipline.
Empirical Journal Article: This type of scholarly resource is a subset of scholarly articles that reports the original finding of an observational or experimental research study. Common aspects found within an empirical article include: literature review, methodology, results, and discussion.
Adapted from “Evaluating Resources: Defining Scholarly Resources,” located in Research Guides in the GCU Library.
☐ The writer is clearly in command of standard, written, academic English. Utilize writing resources such as Grammarly, LopesWrite report, and ThinkingStorm to check your writing.
Also Read : IT 3215 Unit 03 Assignment Dynamic Images, Events, and the DOM