Reactive Form Validation in Angular 17 | angular 17 tutorial

[@balaramreddy183]

00:05 Explaining how to validate reactive form in Angular 17.
02:12 Creating and initializing a reactive form in Angular 17
04:29 Initializing form controls and creating form group in Angular 17
07:20 Reactive form requires separate form control for each input element.
10:09 Adding form validation rules in Angular 17
12:36 Selecting and checking controls in Angular form validation
15:26 Implementing form validation in Angular 17
17:48 Reactive form validation in Angular 17 involves required, length, and pattern validation.
20:19 Form validation in Angular 17
23:04 Reactive form validation using conditions and touch method
25:39 Validating reactive forms in Angular 17.

[@LearningPartnerDigital]

@@balaramreddy183 thanks man

[@harshgoel796]

Thanks for making me understand form validation. ❤

[@LearningPartnerDigital]

@@harshgoel796 great I was helpful

[@codeaz5673]

Thank you for the detailed tutorials on Angular forms and validations.

[@LearningPartnerDigital]

@@codeaz5673 welcome

[@Sumeshkumarback]

Make video on logic building with reactive form
1. Fname, lname is non mandatory
2. If fname fill then lname is mandatory
3. If lname fill then fname mandatory
4. If both values are equal then show that both can't be same
After all this validation user is able to submit form and show that value in console
Testing will be removing each value , adding both same value after that removing one value and keeping one value etc..

[@RomanWaves]

thanks a lot, this helped to finally understand the syntax and control flow better.
one question: when i need to pass some data to a form, so basically open a form that already has data, right now i use [(ngModel)]="user.firstName" inside my input html tag , is that the way to go in that scenario, or is there a way to pass the data to the formControlName when opening the form ? much appreciated

[@LearningPartnerDigital]

@@RomanWaves you can use ngModel and formcontrol.in same form..

[@codeaz5673]

The troubleshooting tips you provided were incredibly helpful.

[@LearningPartnerDigital]

@@codeaz5673 welcome keep learning

[@gattikatyayanidevi5059]

You have to use @if instead of ngIf as per Angular 17

[@LearningPartnerDigital]

Yes

[@hitechinformation]

markAsTouched ->markAllAsTouched

[@informer9261]

sir please make an Tutorial video of .net core web api with angular

[@User.2024.1]

Just .net (there is no core anymore). Yes and also, is there any Angular 17 tutorial from scratch that I can watch?And with PrimeNG would be a plus. Thanks.

[@laureex]

is not it dirty code validation ? . I mean we use same validation for each FormControl like required min or max length and this cause dirty code. It should be better way to show form erros to users

[@weare-youth71402]

hi bro in angular 17 there will update the @if,@for why your not use this in your form validations?

[@LearningPartnerDigital]

@@weare-youth71402 yes video was more focused on reactive form so might have skipped that

[@weare-youth71402]

@@LearningPartnerDigital can you make the video for that it's very use full for us.

[@mohdsameer7433]

Who should we do reset in reactive form

[@LearningPartnerDigital]

@@mohdsameer7433 form.reset()

[@009ashokvaishnav4]

Your video helped a lot

[@LearningPartnerDigital]

@@009ashokvaishnav4 welcome

[@YoanGabriele]

Super tutorial, thank you!

[@LearningPartnerDigital]

Welcome keep watching

[@shoaibahmed9099]

Please provide complete source code for this project.