<v-text-field
label='New Password'
class="required"
v-model='password'
type='password'
:rules="passwordRules"
required>
</v-text-field>
passwordRules: [
value => !!value || 'Please enter a password',
(value) => (value && /\d/.test(value)) || 'Password must include at least one digit',
(value) => (value && /[A-Z]{1}/.test(value)) || 'Password must include at least one capital letter',
(value) => (value && /[^A-Za-z0-9]/.test(value)) || 'Password must include at least one special character',
(value) => (value && value.length > 8 ) || 'Password must be minimum 8 characters',
]
I've configured the passwordRules for the password field. Currently, I'm encountering an issue where if I fulfill the special character condition but not the requirements for at least one digit, uppercase letter, and minimum number of characters, it only displays the message Password must include at least one digit instead of indicating all the missing conditions.
Your assistance in resolving this matter would be greatly appreciated.