Vuetify 密码验证包括特殊字符、大写字母、数字和最小长度 6 个字符

Question

我正在尝试在我的 vue 应用程序中添加密码规则。我正在使用 vuetify 版本 2.3.10。

这是我目前所知道的，我无法弄清楚如何添加密码验证以包含特殊字符、大写字母和数字。

passwordRules: [
 value => !!value || 'Please enter a password',
 (value) => !!value || 'Please type password.',
 (value) => (value && value.length >= 6) || 'minimum 6 characters',
]

帮我解决这个问题。

Answer 1

有用的主题：

passwordRules: [
 value => !!value || 'Please enter a password',
 (value) => !!value || 'Please type password.',
 (value) => (value && /^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[@$!%*?&])[A-Za-z\d@$!%*?&]{6,}$/.test(value)) || 'Minimum 6 characters, One capital latter, Special charater, Number',
]

console.log(/^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[@$!%*?&])[A-Za-z\d@$!%*?&]{6,}$/.test("hEse%9"))

按照要求刹车：

passwordRules: [
 value => !!value || 'Please enter a password',
 (value) => !!value || 'Please type password.',
 (value) => (value && /\d/.test(value)) || 'At least one digit',
 (value) => (value && /[A-Z]{1}/.test(value)) || 'At least one capital latter',
 (value) => (value && /[^A-Za-z0-9]/.test(value)) || 'At least one special character',
 (value) => (value && value.length < 6 ) || 'minimum 6 characters',
]

console.log(/^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[@$!%*?&])[A-Za-z\d@$!%*?&]{6,}$/.test("hEse%9"))

console.log(/\d/.test("hE4se%")) // digit
console.log(/[A-Z]{1}/.test("hE4se%")) // Capital latter
console.log(/[^A-Za-z0-9]/.test("hE#4se")) // Special character

我相信你的长度也需要用 < 6 检查。