Form Jquery Instructions

User Manual:

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

12/22/2018 10-24 Assignment
https://miamioh.instructure.com/courses/80211/assignments/859926?module_item_id=1427162 1/2
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.
<divclass="formerroralertalertdanger"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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<UID><RandomFourCharacters>whereuidisyour
uniqueidand<RandomFourCharacters>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
12/22/2018 10-24 Assignment
https://miamioh.instructure.com/courses/80211/assignments/859926?module_item_id=1427162 2/2
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:<divclass="formerroralertalertdanger"id="userError">RequiredField</div>
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.

Navigation menu