Error Repor ng Div Sec on

To each form group I added the following div section which is used to display errors in the form group.

<div class=formerror alert alertdanger id=userError></div>

There is one of these in each form group and the id changes for each group to reflect which error it is reporting.

You will do the following error checking and stop the form from being submitted if all the error checks do not pass. You will also use these divs to report errors to the user.

In the in class assignment you had to do the following. Use that git repository for all your work.

In case you missed the inclass lab, here are the instruc ons to setup your repository.

1. On gitlab, create a repository called 3831024<UID><RandomFourCharacters> where uid is your uniqueid and <RandomFourCharacters> are four random characters. Eg: My repository would be called 3831024campbestAFTR
2. Video showing steps to start git project.
3. Make the following people developers on your project
   1. campbest
   2. liangs9
   3. moorem3
   4. hribalro

Clone this to your public_html/cse383 directory

Code Loca on must be in your git repository

https://miamioh.instructure.com/courses/80211/assignments/859926?module_item_id=1427162 1/2 12/22/2018 10-24 Assignment

If you did the inclass lab, use the same directory and git repository for this assignment. Simply create a new directory inside this project called formjquery and put your work in this directory.

Requirements

1. Add appropriate messages to all the div.formerror tags that tell the user that this field is required. (do this in the tag, not via jquery).
   1. eg: <div class=formerror alert alertdanger id=userError>Required Field</div>
2. Programmatically (eg in $(document).ready, add onchange handlers to all form fields that will perform the following checks.
   1. user > not blank, at least 3 characters in the user name.
   2. if there is an error, give the user good feedback.
   3. Affiliation > one selected
   4. comment > not blank, no html tags (eg: no < characters), At least 3 words (eg: must have at least

2 spaces)

4. Car Not blank
5. Favorite color selected

3. Programmatically add an onsubmit jquery handler that will make sure all the above checks are ok before allowing the submit to occur.
4. Use good comments in your code
5. Use good indentation in your code
6. Your code must pass w3c validation
7. Use good decomposition (eg: functions)
8. Replace the simple comment at the top with your name, assignment
9. Submit a clickable link to Canvas that includes:
   1. A link to your gitlab project.
   2. A link directly to the html form page.