error in form validation fixed

src/app/app.component.ts

@@ -52,6 +52,7 @@ export class AppComponent {
       this.checkPwResetRoute();
     } else {
       this.router.navigate(['/summary']);
+      this.sharedService.isBtnDisabled = false;
     }
   }
 

src/app/components/login/login.component.html

@@ -33,12 +33,14 @@
         <img class="custom-img" alt="" />
         }
         <div class="error-msg">
-          @if (!mail.valid && mail.touched) {
+          @if (!mail.valid && mail.touched && !sharedService.isBtnDisabled) {
           <p>{{ "login.errorMail0" | translate }}</p>
-          } @if (loginSerivce.errorCode == 'auth/invalid-email') {
+          } @if (loginSerivce.errorCode == 'auth/invalid-email' &&
+          !sharedService.isBtnDisabled) {
           <p>{{ "login.errorMail1" | translate }}</p>
           } @if (mail.valid && mail.touched &&
-          !checkIfUserEmailIsValid(loginData.mail.toLowerCase())) {
+          !checkIfUserEmailIsValid(loginData.mail.toLowerCase()) &&
+          !sharedService.isBtnDisabled) {
           <p>{{ "login.errorMail2" | translate }}</p>
           }
         </div>
@@ -69,9 +71,11 @@
         />
         }
         <div class="error-msg">
-          @if (!password.valid && password.touched) {
+          @if (!password.valid && password.touched &&
+          !sharedService.isBtnDisabled) {
           <p>{{ "login.errorPassword0" | translate }}</p>
-          } @if (loginSerivce.errorCode == 'auth/invalid-credential') {
+          } @if (loginSerivce.errorCode == 'auth/invalid-credential' &&
+          !sharedService.isBtnDisabled) {
           <p>{{ "login.errorPassword1" | translate }}</p>
           }
         </div>

src/app/components/login/register/register.component.html

@@ -37,7 +37,7 @@
         <img class="custom-img" alt="" />
         }
         <div class="error-msg">
-          @if (!name.valid && name.touched) {
+          @if (!name.valid && name.touched && !sharedService.isBtnDisabled) {
           <p>{{ "register.errorName" | translate }}</p>
           }
         </div>
@@ -63,13 +63,16 @@
         }
         <div class="error-msg">
           @if(!mail.valid && mail.touched &&
-          !checkIfUserEmailIsValid(registerData.mail.toLowerCase())) {
+          !checkIfUserEmailIsValid(registerData.mail.toLowerCase()) &&
+          !sharedService.isBtnDisabled) {
           <p>{{ "register.errorMail0" | translate }}</p>
           } @else { @if (mail.touched &&
-          !checkIfUserEmailIsValid(registerData.mail.toLowerCase())) {
+          !checkIfUserEmailIsValid(registerData.mail.toLowerCase()) &&
+          !sharedService.isBtnDisabled) {
           <p>{{ "register.errorMail1" | translate }}</p>
           } @else { @if
-          (existEmailonServer(registerData.mail.toLowerCase()).length > 0) {
+          (existEmailonServer(registerData.mail.toLowerCase()).length > 0 &&
+          !sharedService.isBtnDisabled) {
           <p>{{ "register.errorMail2" | translate }}</p>
           } } }
         </div>
@@ -99,9 +102,11 @@
         />
         }
         <div class="error-msg">
-          @if (!password.valid && password.touched) {
+          @if (!password.valid && password.touched &&
+          !sharedService.isBtnDisabled) {
           <p>{{ "register.errorPassword0" | translate }}</p>
-          } @else { @if (registerData.password.length < 6 && password.touched) {
+          } @else { @if (registerData.password.length < 6 && password.touched &&
+          !sharedService.isBtnDisabled) {
           <p>{{ "register.errorPassword1" | translate }}</p>
           } }
         </div>
@@ -131,10 +136,12 @@
         />
         }
         <div class="error-msg">
-          @if (!passwordConfirm.valid && passwordConfirm.touched) {
+          @if (!passwordConfirm.valid && passwordConfirm.touched &&
+          !sharedService.isBtnDisabled) {
           <p>{{ "register.errorPassword0" | translate }}</p>
           } @if (registerData.password !== registerData.passwordConfirm &&
-          registerData.password !== "" && registerData.passwordConfirm !== "") {
+          registerData.password !== "" && registerData.passwordConfirm !== "" &&
+          !sharedService.isBtnDisabled) {
           <p>{{ "register.errorPassword2" | translate }}</p>
           }
         </div>

src/app/components/login/register/register.component.ts

@@ -68,7 +68,6 @@ export class RegisterComponent {
   }
 
   checkIfUserEmailIsValid(emailValue: string) {
-    const channelNameLenght = emailValue.length;
     const emailRegex = /^[\w.%+-]+@[\w.-]+\.[a-zA-Z]{2,}$/;
     if (emailRegex.test(emailValue)) {
       return true;

src/app/services/login.service.ts

@@ -47,7 +47,6 @@ export class LoginService {
           this.getUserIdInLocalStorage(userData[0].id);
           this.updateUserOnlineStatus(userData[0].id, true);
         }
-        this.sharedService.isBtnDisabled = false;
       })
       .catch((error) => {
         console.error(error);
@@ -128,7 +127,6 @@ export class LoginService {
           } else {
             this.ifExistUser(user.uid);
           }
-          this.sharedService.isBtnDisabled = false;
         });
       })
       .catch((error) => {