Displaying angular form validation error messages

In this video we will discuss
1. How to display validation error messages to the user
2. Style the error messages using Bootstrap
3. How to disable Submit button if the form is not valid

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 CRUD Tutorial

Angular CRUD Tutorial Text Articles & Slides

All Dot Net and SQL Server Tutorials in English

All Dot Net and SQL Server Tutorials in Arabic

[rumaizasheik]

thanx alot im learning many things in which i was struggling, i suggest each and every person who is new to angularjs to go through this videos

[vinodnayak]

this is one of the great vedio .... i like as a beginner in IT filed

[mdwazid]

compiler.js:486 Uncaught Error: Template parse errors:
Can't bind to 'ngif' since it isn't a known property of 'span'. ("ame" id="fullName" class="form-controller" #fullNameControl="ngModel">
<span class="help-block" [ERROR && fullnameControl.touched">
Full name is required
</span>

[sanketburde]

I have one query, after giving validation, JSON format data is not displayed in the below form plz tell me how to resolve this

[sudhakarkgr]

hi Venkat. your videos are good.Thanks for sharing these series. when will you, start Node Js Series.

[rmurimi]

Thanks you very much Venkat. These tutorials are awesome. Does anyone know why my Label is not changing color to red? Everything else is working fine but the label's color

[ankushsetiya]

These bootstrap classes are no longer working in ver 4.

[ravikiran]

what a quality education, thank you very much .

[Joumd]

Bootstrap 4 no longer support ."has-invalid". Instead, in example:

<div class="form-group col-2">
<label for="catId"
<input required type="text" id="catId" [(ngModel)]="categoria.catId" name="catId" class="form-control" #catId="ngModel"
<span class="invalid-feedback" *ngIf="catId.invalid">
ID é obrigatório
</span>
</div>

[aliridhohabsyi]

Hi Venkat, it's only working on bs 3 right?

[shahidwani]

Sir, when are you going to make ASP.NET Core videos

[kannitra]

Hii can you please make a video on multi step form in angular

[tw]

Can you please provide the source code ? It will be very helpful