commit 69be824a756a42efc64ae05b7cc5ca0d83a1dee3
author Surya Venkatesan <suryav@ami.com> Mon Sep 23 19:55:06 2024 +0530
committer Ed Tanous <ed@tanous.net> Thu Oct 03 11:34:06 2024 -0700
tree cae60bcc41ea10cf604ab233da1076265a001879
parent 1a814b9f104927ae0b54699fb0c5a1b731903058

Invalid feedback if condition change

For required, invalid format, minlength, maxlength, date, pattern
validation if condition change in the few components

Change-Id: Id8eebc140301e48dde833a604ca92426ebf77c9c
Signed-off-by: Surya Venkatesan <suryav@ami.com>

src/views/ProfileSettings/ProfileSettings.vue

diff --git a/src/views/ProfileSettings/ProfileSettings.vue b/src/views/ProfileSettings/ProfileSettings.vue
index 6fc9c1e..561816e 100644
--- a/src/views/ProfileSettings/ProfileSettings.vue
+++ b/src/views/ProfileSettings/ProfileSettings.vue
@@ -65,8 +65,8 @@
                 <b-form-invalid-feedback role="alert">
                   <template
                     v-if="
-                      !v$.form.newPassword.minLength ||
-                      !v$.form.newPassword.maxLength
+                      v$.form.newPassword.minLength.$invalid ||
+                      v$.form.newPassword.maxLength.$invalid
                     "
                   >
                     {{
@@ -95,7 +95,9 @@
                   @input="v$.form.confirmPassword.$touch()"
                 />
                 <b-form-invalid-feedback role="alert">
-                  <template v-if="!v$.form.confirmPassword.sameAsPassword">
+                  <template
+                    v-if="v$.form.confirmPassword.sameAsPassword.$invalid"
+                  >
                     {{ $t('pageProfileSettings.passwordsDoNotMatch') }}
                   </template>
                 </b-form-invalid-feedback>