如何使用 Vuelidate 验证密码？

问候， 我需要验证密码表格 除了必填字段外 必须至少有 1 个大写字母、至少 1 个小写字母、至少 1 个数字且至少包含以下字符之一“#?! @ $% ^ & * -” 我正在使用这个包https://vuelidate.js.org/

EDIT

或正则表达式

只需添加一个自定义函数，其中包含您想要的 Vuelidate 验证规则。

validations: {
  password: {
    required,
    // minLength: minLength(8)  // I assume you'd want something like this too
    valid: function(value) {
      const containsUppercase = /[A-Z]/.test(value)
      const containsLowercase = /[a-z]/.test(value)
      const containsNumber = /[0-9]/.test(value)
      const containsSpecial = /[#?!@$%^&*-]/.test(value)
      return containsUppercase && containsLowercase && containsNumber && containsSpecial
    }
  }
}

将每个需求分解为一个单独的函数可能会有所帮助，因此您可以为每个需求设置不同的错误消息（这将有助于指导用户需要修复什么）。

validations: {
  password: {
    required,
    // minLength: minLength(8)  // I assume you'd want something like this too
    containsUppercase: function(value) {
      return /[A-Z]/.test(value)
    },
    containsLowercase: function(value) {
      return /[a-z]/.test(value)
    },
    containsNumber: function(value) {
      return /[0-9]/.test(value)
    },
    containsSpecial: function(value) {
      return /[#?!@$%^&*-]/.test(value)
    }
  }
}