Form Jquery Instructions

User Manual:

Open the PDF directly: View PDF PDF.
Page Count: 2

DownloadForm-jquery Instructions
Open PDF In BrowserView PDF
12/22/2018

10-24 Assignment

10‑24 Assignment
Due Oct 28 by 11:59pm
Points 40
Submitting a text entry box, a website url, or a file upload

Available until Oct 28 at 11:59pm

This assignment was locked Oct 28 at 11:59pm.
This will extend last week's form lab by having you use JQUERY to check the form submission.

You can work with your own code or you can use my solution here
(http://ceclnx01.cec.miamioh.edu/~campbest/cse383/cse383­f18/form/) .

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.


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 div's 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 in‑class lab, here are the instruc ons
to setup your repository.
1. On gitlab, create a repository called 383­1024­­ where uid is your
uniqueid and  are four random characters. Eg: My repository would be called
383­1024­campbest­AFTR
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 form­jquery and put your work in this directory.

Requirements
1. Add appropriate messages to all the div.form­error tags that tell the user that this field is required. (do
this in the tag, not via jquery).
1. eg: 
Required Field

2. Programmatically (eg; in $(document).ready, add on­change handlers to all form fields that will perform
the following checks.
1. user ­> not blank, at least 3 characters in the user name.
1. if there is an error, give the user good feedback.
2. Affiliation ­> one selected
3. 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 on­submit 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.

https://miamioh.instructure.com/courses/80211/assignments/859926?module_item_id=1427162

2/2
Source Exif Data: 
File Type                       : PDF
File Type Extension             : pdf
MIME Type                       : application/pdf
PDF Version                     : 1.4
Linearized                      : No
Page Count                      : 2
Creator                         : Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/71.0.3578.98 Safari/537.36
Producer                        : Skia/PDF m71
Create Date                     : 2018:12:23 02:09:59+00:00
Modify Date                     : 2018:12:23 02:09:59+00:00
EXIF Metadata provided by EXIF.tools

Navigation menu