Mastering Angular, Part 6: Form Validation
Watch the first few minutes on us! If you'd like to watch the entire video and hundreds more like it, download code samples, access offline videos and skills assessments, and use the discussion forums, log in or purchase a subscription.
Instructor
Description
Using forms in Web apps means validating form input, too. Learn how to validate form input in Template Forms and Reactive Forms and learn the basics of displaying and stylizing output from Angular validators.
Table of Contents
| 00:00:00 | Introduction |
| 00:01:47 | What is Form Validation? |
| 00:07:37 | CSS Classes and Form Control Objects |
| 00:10:12 | Getting Started with Angular |
| 00:12:47 | Setting Up the Angular Starter Application (Demo) |
| 00:20:47 | Using CSS Classes |
| 00:22:22 | Configuring CSS Classes to Show Validation (Demo) |
| 00:32:54 | Using Form Control Objects |
| 00:34:02 | Validating with Form Control Objects and Template Forms (Demo) |
| 00:38:23 | Validating with Form Control Objects and Reactive Forms (Demo) |
| 00:47:08 | Required and CheckBox Required Validators |
| 00:51:07 | Requiring Control Values (Demo) |
| 00:57:44 | Minimum and Maximum Length Validators |
| 01:00:17 | Constraining Control Value Length |
| 01:04:15 | Pattern Validator |
| 01:06:52 | Validating Phone Numbers (Demo) |
| 01:12:02 | Email Validator |
| 01:14:13 | Validating Email Addresses (Demo) |
| 01:16:21 | Conclusion |
Related Links
- Lesson 6 Code Samples (requires a paid subscription)