Password confirm validation | strength validation | special characters (regex) validation in angular

preview_player
Показать описание
In this video you will learn to confirm password validation along with password strength with special regex character.

If you have any query or need the code then write in the comment section.
Thank you
Рекомендации по теме
Комментарии
Автор

Angular password validation HTML code


<div class="form-group" *ngIf="password?.invalid && (password?.dirty || password?.touched)">
<label class="col invalid_msg" || ? 'text-danger' : 'text-success'">
<i class="material-icons">
{{ password.hasError('required') || ? 'cancel' : 'check_circle' }}
</i> must be at least 8 characters!
</label>
<label class="col invalid_msg" || ? 'text-danger' : 'text-success'">
<i class="material-icons">
{{ password.hasError('required') || ? 'cancel' : 'check_circle' }}
</i>
must contain at least 1 number!
</label>
<label class="col invalid_msg" || ? 'text-danger' : 'text-success'">
<i class="material-icons">
{{ password.hasError('required') || ? 'cancel' : 'check_circle' }}
</i>
must contain at least 1 in Capital Case!
</label>
<label class="col invalid_msg" || ? 'text-danger' : 'text-success'">
<i class="material-icons">
{{ password.hasError('required') || ? 'cancel' : 'check_circle' }}
</i>
must contain at least 1 Letter in Small Case!
</label>
<label class="col invalid_msg" || ? 'text-danger' : 'text-success'">
<i class="material-icons">
{{ password.hasError('required') || ? 'cancel' : 'check_circle' }}
</i>must contain at least 1 Special Character!
</label>
</div>

JustSoondar