2022.2

7. Selectavalidationmethod:
l
TheBrowservalidationmethodleavesituptothebrowsertovalidatetheuserinput.When
addingfieldstotheForm(seethenextstep)youcanonlymakefieldsrequiredandsetthe
maximumlengthasanadditionalrequirementforsomefields.
l
SelectJQuery ValidationtovalidateusingJQueryscripts.Thisallowsyoutospecify
stricterrequirementsperfieldandtypeadifferentmessageforeachfieldtodisplaytothe
useriftheinputisnotvalid.Thismethodensuresamoreconsistentvalidationasitis
browserindependent.ThenecessaryJQueryfileswillbeaddedtotheJavaScriptfolderon
theResourcespanewhentheformisinserted.
8. UnderFields,clicktheAddbuttonandclickonthedesiredfieldtypetoaddafieldofthattype;
see"FormElements"onpage644.
Note: AFieldsetisnotavailableintheFormWizard,becauseaFieldsetitselfcancontain
multipledifferentfields.AddtheFieldsetafterinsertingtheForm;see"Addingelementsto
aForm"onpage507.
9. Double-clickeachfieldintheFieldslistandchangeitssettings.Foranexplanationoftheset-
tings,see"AddingelementstoaForm"onpage507.
10. TheorderoftheelementsinthelistunderFieldsdeterminesinwhichordertheelementswillbe
addedtotheForm.UsetheMove UpandMove Downbuttonstochangetheorderoftheele-
mentsinthelist.
11. UsetheLocationdrop-downtoselectwheretoinserttheelement.
l
At cursor positioninsertsitwherethecursorislocatedinthetemplate.
l
Before elementinsertsitbeforetheHTMLelementinwhichthecursoriscurrentlyloc-
ated.Forexampleifthecursoriswithinaparagraph,theinsertionpointwillbebeforethe
<p>tag.*
l
After start taginsertsitwithinthecurrentHTMLelement,atthebeginning,justafterthe
starttag.*
l
Before end taginsertsitwithinthecurrentHTMLelement,attheend,justbeforetheend
tag.*
l
After elementinsertsitaftertheelementinwhichthecursoriscurrentlylocated.For
exampleifthecursoriswithinaparagraph,theinsertionpointwillbeaftertheendtagof
theparagraph(</p>).*
Page 504