Learn the different types of form validation and how to include simple validation in a form.
- [Presenter] The goal of validation is to make sure…users are entering the data you want.…For example the correct number of digits in a zip code,…and also to make sure they aren't sending malicious data.…Validation just means you're telling them that they…make a mistake after the user entered the data.…There are different ways to provide validation,…which can be roughly divided into three categories.…We have client-side validation, which is done…in the browser when the form is submitted.…And this what we see an examples of with…the built in browser validation.…
Client-side validation can can also be done inline.…And this is when you get a validation message as the user…is filling out the form before they click submit.…Server-side validation is done after the form is submitted…when the server sends back an error message.…So the advantage of doing validation on the client-side,…that is by the browser, is that it's a lot faster…than waiting for the server to send back a response.…The disadvantage of client-side validation…
- How users interact with forms
- Designing forms that are easy to use
- Following data privacy laws when collecting information
- Choosing which HTML input types to use
- Adding buttons
- Adding interactive validation
- Styling form fields with CSS
- Using positioning and flexbox to create responsive form layouts
Skill Level Beginner
1. Designing a Form Experience
2. Creating Forms with HTML
3. Making Forms Interactive
4. Styling Form Fields with CSS
5. Form Layout with CSS
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.