Built-in validators

Return type

Getting domain name

Returning validation errors

Binding custom validator to the form

Include custom validator error message

Summary

Conclusion

Introduction

Proof of Stake

Proof of Stake for Validators

Staking for non-Validators

Staking Risks

Built-in angular validators are reusable

How to use built-in validators

Create custom validators class

Make custom validator function static

How to use custom validator function on any angular form

Testing custom validator in browser

How to make custom validators reusable

Intro

Chain states

Block Production

Block forks

Hardware requirements

Can I run my own hardware?

Self-Stake

Community presence

What are sentry nodes?

Closing Remarks

Introduction to the tutorial

Discussing the topic of creating custom validators in Angular

Importance of custom validators in adding validation logic to Angular forms

Steps to create and use custom validators in Angular applications

Overview of Angular validators and their role in validating form input data

Creating a new Angular project using the "ng new" command

Opening the project in a code editor (VS Code in this case)

Creating a basic HTML form as the starting point

Importing the Reactive Forms module

Creating the form group in the component file

Mentioning the availability of built-in validators and the ability to create custom ones

Ensuring the correct installation of Angular Forms by importing the FormBuilder service

Initializing the form group and creating the username and password fields

Importing the Validators class to use built-in validators

Linking the form group with the HTML form using "formGroup" directive

Adding a disabled directive to the submit button until the form is valid

Creating a custom password strength validator

Creating a function called "passwordStrengthValidator" with an abstract control parameter

Checking if the password is empty and returning it

Creating a regular expression to check for number, uppercase, and lowercase in the password

Returning null if the password is valid, otherwise returning an object with the "passwordStrength" property

Adding the custom validator to the validators array in the form group

Adding a div to display an error message if the password is invalid

Checking form validity and displaying the error message only if the password input is touched or modified

Conclusion of the tutorial and call-to-action for liking, sharing, and subscribing to the channel

Example overview

Structure of the form

Anatomy of a custom validator

Improving the custom validator

Create a form group

Getting the value of a control

How to use a custom validator

Integrating the custom validator in the template

Conditional display of validation hints

Conclusion

Example

Adding phone input element

Adding validation messages

Adding the required HTML for the radio buttons

Adding a phone form control

Setting a required validator

Implementing onContactPreferenceChange method

Getting a reference to a form control

Setting multiple validators

Conclusion

Scenario

Example

Create a Group

Add a Validation at a Group Level

Show Error Message

Date of Birth Validation

Design Form

Inject Form Builder Service

Regex Pattern

Validate Method

Reset