Angular reactive forms validation

In this video we will discuss implementing validation in a reactive form.

Text version of the video

Healthy diet is very important for both body and mind. We want to inspire you to cook and eat healthy. If you like Aarvi Kitchen recipes, please support by sharing, subscribing and liking.

Slides

Angular 6 Tutorial

Angular 6 Tutorial Text Articles & Slides

Angular, JavaScript, jQuery, Dot Net & SQL Playlists

[ayhanexe]

The best tutorial for angular reactive forms for me. Thanks brother :)

[MomsMagicPunam]

I like your tutorial very much. Excellent teacher you are . I like your way to describe the things in easy manner.

[simonkalu]

You're a great teacher. You made it seem so easy.. Thank you

[mravistm]

great voice, very pleasant and very well explained

[sunpreetsingh]

for those who are using bootstrap 4 ..can use "alert alert-danger" instead of "has-error"

[berkanbilgin]

Thanks for another amazing video Kudvenkat. On 10:07, is there any harm to wrap that condition in a function? As far as I see, functions defined in the DOM is called 100s of times based on the value changes on the form so it kind of bothered me. But I wonder if the same thing happens for even if we use just like you did on the dirty and touched and error checks via form control itself?

[anywheredoor]

sir for example consider if we are entering 3 chars there are no errors hence the errors returns null and console throws error cannot read property required of null

[syedakhil]

in password validation how to set minimum one upper-case & one lower-case & one special character...? can you please add it in this video....

[TapanDubey]

Nice Video, Thank you for sharing #TapanDubey

[manojgp]

Sir, I am new in Angular and I want to use drag and drop form builder like bootstrap form builder, please help me as soon as possible

[belmiris]

Thank you very much for this! I think a more accurate error message would be 'Full Name must be greater than 1 character and less than 11 characters'.

[shivambajpai]

This is a great tutorial. I have a Question. I have my form working the same way as yours do. But when I submit the form ignoring the error shown, it gets submitted. So what is the point of showing this field validation if i have to check the fields on submit function weather they are empty or not? Or is there something I am missing?

[randhirkumar]

Why are you not using bootstrap 4 in your latest tutorials ?

[anywheredoor]

for min length and max length the console says cannot read property minlength of null

[ymtan]

Hi Venkat,

I would like to clarify with you regarding the following boolean expression. If the Full Name form control is empty on the initial page load or if we did not supply a valid value for the Full Name form control, then the errors property on the Full Name form control will return true. Am I correct ?




Best regards.
Edward

[ankitaverma]

<div class="form-group" [ngclass]="{'has-error' :
&&
|| My this part of validation is not working and displays the error message Object is possibly null .

[voicelesssoul]

Your voice is completely changed, when I hear it in SQL server which is 6 years back.

[vgaming]

nice tutorial. I learned something from you. but, in your html, typing the same conditions many times is ugly, you have to refactor.

[sandeepchegu]

hi venkat sir good evening
in this tutorial i have a problem with displaying the validation error message like
"full name must me 2 characters and less than 10 characters" was not displayed
when we type the full name more than 10 characters its become error but the error message is not displayed after the text box
please guide me how to get this.
thank you.

[namratabagh]

I am confused how to do validation in nested form builder from html side. How to get the errors please let me know