commit 249ee339f5a16bb6bf9a6f3992621f73cfc98236
author Surya Venkatesan <suryav@ami.com> Mon Sep 23 19:55:06 2024 +0530
committer Surya Venkatesan <suryav@ami.com> Mon Sep 30 13:16:59 2024 +0000
tree af95b5d0f3e9e96a63b3db46ac28bde7bf5840aa
parent 7ccb77dafe3d7d9f57e6b2dd976658c929140f27

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/ChangePassword/ChangePassword.vue

diff --git a/src/views/ChangePassword/ChangePassword.vue b/src/views/ChangePassword/ChangePassword.vue
index 2680cc3..7778ebe 100644
--- a/src/views/ChangePassword/ChangePassword.vue
+++ b/src/views/ChangePassword/ChangePassword.vue
@@ -28,7 +28,7 @@
             >
             </b-form-input>
             <b-form-invalid-feedback role="alert">
-              <template v-if="!v$.form.password.required">
+              <template v-if="v$.form.password.required.$invalid">
                 {{ $t('global.form.fieldRequired') }}
               </template>
             </b-form-invalid-feedback>
@@ -49,10 +49,12 @@
             >
             </b-form-input>
             <b-form-invalid-feedback role="alert">
-              <template v-if="!v$.form.passwordConfirm.required">
+              <template v-if="v$.form.passwordConfirm.required.$invalid">
                 {{ $t('global.form.fieldRequired') }}
               </template>
-              <template v-else-if="!v$.form.passwordConfirm.sameAsPassword">
+              <template
+                v-else-if="v$.form.passwordConfirm.sameAsPassword.$invalid"
+              >
                 {{ $t('global.form.passwordsDoNotMatch') }}
               </template>
             </b-form-invalid-feedback>