User SignUp Workflow in Angular

Description

In this lab, you will be learning how to create a signup page and implement form validation into your Angular applications. By the end of the lab, you'll have the skills to Form validations and use them in the application.

Lab Objective

Upon completion of this lab, you will be able to:

•  Create the SignUp page with Form validations in your Angular application
•  How to use Custom validation attributes in the application

Prerequisites

You should be familiar with:

•  Basic Understanding of Angular Databinding, Forms, and Validations.

Lab Requirements

Create a User Registration form with the following fields and validations.

•  Name: Required
•  Username: Required, MinLength(3)
•  Email: Required, Email
•  Password: Required with (1 Uppercase, 1 Number, 1 Special Char, and 1 Lowercase Char), Min Length (8hars)
•  Confirm Password: Required, Compare
•  Contact: Regular Expression
•  Gender: Required (Radio Button)
•  Accept Terms: Required (Check Box)