如何使用Vuelidate验证密码？

Question

问候语，我需要验证密码表单除了字段必须至少有一个大写字母，至少有一个小写字母，至少有一个数字和至少一个以下字符"#?！@ $% ^&* -“我正在使用此程序包https://vuelidate.js.org/

编辑

或REGEX用于此

Answer 1

只需添加一个自定义函数，其中包含您希望用于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)
    }
  }
}