Based on the length how to validate confirm password in vuejs?

Question

Codepen link https://codepen.io/santoshch/pen/bGgKNWV

 
 
  <div
                      v-if="this.submitted && $v.user.confirmPassword.$error"
                      class="error-messages-pass"
                    >
                     
                      <span
                        v-if="
                          user.confirmPassword &&
                          !$v.user.confirmPassword.sameAsPassword
                        "
                        >kindly re-try</span
                      >
                    </div>

Need it as, if for suppose, in 5th character in confirm password is mismatching then it will show error message in 5th character itself saying ,'‘kindly re-try’.

But issue is now it is checking with password field, not at specified character.

For example if user enter in password field "qwerty" and in confirm password field if user enter "qweee"

Now in 4th character, character is mismatching, so then i need to get err message as kindly reerty.

the code is already validating both if there is mismatch in input it display as must be identical it is correctly working for me — Dinesh s, Apr 15 '21 at 10:42
@Dineshkarthik, Yes validating both fields, if mismatch in input is working fine, But need it as For example i am entering in password field as "asdfg" and in confirm password field if i enter "asddd" then here in confirm password field, 4th character is wrong with password field, then error message should display like "try again" — T dhanunjay, Apr 15 '21 at 11:58
@Dineshkarthik But in the current codepen code, It is only validating both if there is mismatch in input it display as must be identical — T dhanunjay, Apr 15 '21 at 12:00
bro sorry for delay now only opened stack over flow i am not well in vue just try by external js code for comparing two values and display as retry — Dinesh s, Apr 15 '21 at 15:13

Based on the length how to validate confirm password in vuejs?

0 Answers0