@@ -53,7 +53,7 @@ <h4 i18n="Create account@@register">Créez votre compte</h4>
5353 i18n-placeholder ="Your email input placeholder label@@yourEmailInputPlaceholder "
5454 placeholder ="Entrez votre email " [(ngModel)] ="user.email " #email ="ngModel "
5555 autocomplete ="email " [ngModelOptions] ="{ updateOn: 'blur' } " required
56- pattern ="^ [a-zA-Z0-9.!#$%&'*+\/=?^_`{|}~ -]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?: \.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)* $ " />
56+ pattern ="[a-z0-9._%+ -]+@[a-z0-9.-]+ \.[a-z]{2,3} $ " />
5757 </ div >
5858 </ div >
5959 </ div >
@@ -76,12 +76,15 @@ <h4 i18n="Create account@@register">Créez votre compte</h4>
7676 </ div >
7777 </ div >
7878 </ div >
79- < ngb-alert [dismissible] ="false " type ="danger " *ngIf ="
80- confirm_password.errors &&
81- confirm_password.dirty &&
82- password.dirty
83- " i18n ="Different password error@@ErrorDifferentPasswords ">
84- Les mots de passe diffèrent.
79+ < ngb-alert [dismissible] ="false " type ="danger " *ngIf ="password.value &&
80+ (password.invalid || (password.valid && confirmPassword.errors?.pattern)) ">
81+ < div *ngIf ="password.invalid " i18n ="Strong password required@@ErrorPasswordNotEnoughStrong ">
82+ Doit contenir au moins un chiffre et une lettre majuscule et minuscule, et au moins 8 caractères.
83+ </ div >
84+ < div *ngIf ="password.valid && confirmPassword.errors?.pattern "
85+ i18n ="Different password error@@ErrorDifferentPasswords ">
86+ Les mots de passe diffèrent.
87+ </ div >
8588 </ ngb-alert >
8689 < div class ="form-row ">
8790 < div class ="col-md-6 col-sm-12 ">
@@ -90,17 +93,21 @@ <h4 i18n="Create account@@register">Créez votre compte</h4>
9093 < input type ="password " class ="form-control rounded-0 " id ="password "
9194 i18n-placeholder ="Your password input@@yourPasswordInput " placeholder ="Votre mot de passe "
9295 [(ngModel)] ="user.password " name ="password " #password ="ngModel " autocomplete ="new-password "
93- required />
96+ pattern =" (?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{8,} " required />
9497 </ div >
9598 </ div >
9699 < div class ="col-md-6 col-sm-12 ">
97100 < div class ="form-group ">
98101 < label for ="confirm-password " i18n > Confirmez votre mot de passe</ label >
99- < input type ="password " id ="confirm-password " name ="confirm-password " class ="form-control rounded-0 "
100- ngModel #confirm_password ="ngModel "
102+ < input type ="password " id ="confirmPassword " name ="confirmPassword " class ="form-control rounded-0 "
103+ ngModel #confirmPassword ="ngModel "
101104 i18n-placeholder ="Your confirm password input@@yourPasswordConfirmInput "
102105 placeholder ="Confirmez le mot de passe " autocomplete ="new-password " required
103- [ngModelOptions] ="{ updateOn: 'blur' } " pattern ="^{{ password.value }}$ " />
106+ [ngModelOptions] ="{ updateOn: 'blur' } " pattern ="{{ password.value }} " />
107+ < div class ="invalid-feedback ">
108+ Please provide a valid city.
109+ </ div >
110+
104111 </ div >
105112 </ div >
106113 < span >
0 commit comments