Angular 9 Tutorial For Beginners #43 - Validations in Template Driven Forms

[@anushgm4947]

Really Really you can be called as an explanation king , who explains very well in such a way that even a beginner can understand what you teach very well . Thanks for your hard work.

[@ARCTutorials]

It's my pleasure. Thanks for your kind words

[@iftikharhussain1823]

I have been watching your tutorials. I love your content, I really made some solid skills in angular

[@ARCTutorials]

This comment of yours made my day. Im so happy that the tutorials are helping you. If you need any help or info, im right here for you. Regards Sridhar

[@iamhassell]

Great tutorial! Thank you! 👍

[@ARCTutorials]

Glad you enjoyed it!

[@pratibhatomar9230]

I have been watching your content from first video. I must say, I have learned a lot and quality of your content is simple and easy to follow. Keep it up !!!

[@ARCTutorials]

Thanks Pratibha for your kind and motivating words

[@harsha5501]

Hi, your concept explanation and content is very clear and easily understandable. if you can create few videos on database side like firebase or MongoDB that would be very useful. Now I know how to work with data through forms but I want to learn how to push this to DB and do some CRUD operations. thank you very much for this playlist. appreciated

[@ARCTutorials]

Hi Harsha. I have already created MongoDb tutorials. Pls check out the playlists in channel

[@themathsprodigy8181]

try entering abcd@g in the email address field. while this is still an invalid email address as there is no domain information. The email field still takes the value

[@ARCTutorials]

Thats because email address should have something at end with . Like .co or .com etc

[@ARCTutorials]

Thats how email address can also be accordingly to the default html email address validation. We can add regex to control it

[@balajich6203]

Very Clear Explanation ,it will be helpful for beginners and experience persons also,please make ReactJs Sir. Thank you

[@ARCTutorials]

Sure React series starting in last week of August 👍

[@Manishkumar-pl5kt]

awesome tutorial, thank you sridhar sir , are you on linkedin? i would like to connect with you

[@ARCTutorials]

Hi Manish. Thanks for your kind words. I will soon launch on multiple platforms for us to connect

[@anirudhnanwal5738]

Hi Sir, Thanks a lot for creating this series and for sharing this great content.

[@ARCTutorials]

Thanks Anirudh. I have recently started Angular 10 series, i am sure it will benefit you as well 👍

[@ashwini6804]

clearly explained the tutorials.thanks a lot :)

[@ARCTutorials]

Your most welcome Ashwini 👍

[@omkarjadhav7032]

sir , i am watching your angular video and this is very helpful for me.

[@ARCTutorials]

Glad you liked the tutorials 👍

[@arjundate]

hi sir, u explain concepts very well, thank you....!

[@ARCTutorials]

You are most welcome Arjun! Thanks for wonderful feedback.

[@jonathankee9322]

If anyone validation is not working, if you have two template variable of the same name, angular will not display the validation. Example if there are two name="emailAddressField" #emailAddressField="ngModel" , then it will not work.

[@ARCTutorials]

Thanks Jonathan for the correction. I have started Reactive Forms in Angular 10 series starting today. Please check it out. kzbin.info/www/bejne/fJiXpKOIa8iXeLM

[@jacksm8709]

am still not understanding the sign # what does it mean?, in the previous section I tried changing the form name from #signinForm to #loginForm and it gave me errors.. regards and that you

[@ARCTutorials]

# sign means its a template variable. Can u just follow the code i created and see if it works for u first??

[@brightertomorrow3343]

Thanks sir you helped me a lot

[@ARCTutorials]

Thank you. Glad you are finding the tutorials useful 👍

[@suchi6183]

Sir, when iam using # email="ngModel" . it showing error that no directive found with exportAs 'ngModel'.can anyone tell me how to solve this problem. I even imported the forms module in app module.ts

[@ARCTutorials]

Hi Suchi. You imported in AppModule, but are you using the form inside any other module? You need to import it there as well. Pls try and let me know

[@nageshbk1]

sir once we have installed bootstrap popper jquery , why bootstrap validation is not working (required)

[@ARCTutorials]

Hi Nagesh. Did you add the logic that I have shared in the tutorial? Like adding *ngIf for condition check?

[@nageshbk1]

@@ARCTutorials sir, I just wanted test a simple validation. bootstrap date picker & dropdown working but validation!

[@mukulatal7848]

Hi, how can we disable submit button if there is no change in form. I tried using dirty but problem is when i undo the change it does not disable again. Can you please help me on this?

[@ARCTutorials]

Hi Mukul. You can do something like this [disabled]="!form.valid"

[@mukulatal7848]

@@ARCTutorials Hi, but this will check if form is not valid and disable but my requirement is it should disable if there are no changes in form no matter if it is valid. Can you please help in this?

[@simoaitalla9873]

thank you sir , you are amazing

[@ARCTutorials]

Thanks and welcome

[@amithaanair8552]

Sir in the console I can see the notification for 2 info but nothing is being printed

[@iftikharhussain1823]

please make Asp.net core 3.1 webApi tutorials

[@ARCTutorials]

Sure will plan in coming weeks 👍

[@vivekrampelly6435]

sir didnt understand that #emailaddressfield="ngModel"

[@ARCTutorials]

Hi Vivek. Please follow Angular 10 tutorial series as this will be covered again in detail and you can practice with me along. Please check Angular 10 tutorial series for complete learning kzbin.info/www/bejne/pXayYX6wjpacpsk

[@Mehtre108]

Is it available for ng zorro

[@Mehtre108]

Because I want it in ng zorro

[@sbbangalifamily]

touched is not working when input type=file...?????? how to show an error if the user cancels the file browsing window without selecting the file

[@srikanth-rk6wz]

Style is not appyling? In the console CSS style is applied but it is showing warning symbol(strike through). I tried both no one is working? what should i do? Any body Knows? Help me input.ng-touched.ng-invalid { border-color: 1px solid red; } input.ng-touched.ng-invalid { border-color: 1px solid red!important; }

[@ARCTutorials]

Hi Srikant. Can u pls share template file and component file screenshot to my email? [e-mail]

[@srikanth-rk6wz]

@@ARCTutorials sorry sir now only i deleted that folder. I name this folder as Forms, i thought folder name is problem that's why removed the folder. Again i will create new folder and i will try this. Thank you for reply sir

[@ARCTutorials]

Pls try and let me know if u still face issue

[@srikanth-rk6wz]

@@ARCTutorials OK

[@srikanth-rk6wz]

@@ARCTutorials Sir i success it's working fine now thank you sir

[@ascreations2901]

How to validate a field based on the value selected in other fields

[@venkatapavan9642]

can you shar the presentation file

[@djgamingff8232]

Validation not working

[@ARCTutorials]

Hi Raja. Whats the error/issue you are facing?

[@MrFuture-96]

Thanks, sir for replying. Sir, I am still waiting for notes and slides as I haven't received email still. Please kindly need your help to get slides and notes please. It will be very helpful for me