Form Validation of Reactive Forms | Reactive Form | Angular 13+
Вставка
- Опубліковано 6 кві 2022
- In the last lecture we learned how to create and use a reactive form in Angular. In this lecture, let's understand how to do form validation for a rective form and understand the form state. Unlike template driven form, the validation of a reactive form is done in typescript class and not in HTML.
For the reactive form validation, we can use Validators static class, which provides some validator properties which we can use for the form validation.
So, in this lecture you will learn:
1. How to add validators on form controls in reactive form?
2. How to show red border around invalid form control?
3. How to show default value for a control?
Let's learn above topics with some simple examples. This is a continuation of previous lecture. So, please watch previous lecture before proceeding.
These are genuinely the best angular tutorial videos.
Very good explanation. Once again, even though I thought I got basics, I just learned a lot of valuable things. It's brillant.
Great explanation on these reactive forms I struggled to understand those but now I do, thanks!
thx , you are the best , plz make a course where you design a full web app using angular and fetching data from a api, an e-commerce web-app or a news website
Your video truly helpful. Please also make video on checkbox with reactive form get and set value
Excellent explained brother..
Thank you, very useful for a checkout form
This example has worked for me without issues so far. Just one question, how do I show the error messages below the respective input fields, e.g "Email format is not valid".
I think I have already covered it in Angular forms section. I will share the link of the exact video😊
@@procademy please do. thanks in advance
keep it up
😍😍😍😍😍
ngOnInit(){
this.reactiveForm=new FormGroup({
firstname:new FormControl(null,Validators.required),
lastname:new FormControl(null,Validators.required),
email:new FormControl(null,Validators.required),
country:new FormControl(null),
gender:new FormControl("other"),
hobbies:new FormControl(null)
if i dont write anything in email input it should be invalid but it remain valid.what is wrong?