首页 > 解决方案 > 是的,日期验证没有按预期工作

问题描述

我正在使用 Vuelidate,我想使用 Yups 验证规则。我正在尝试以字符串格式验证日期:

零件:

<label class="flex flex-col p p--sm text-gray-500">Beschikbaar (datum)
  <input
    v-model="form.date"
    class="p-aanmelden__email"
    @blur="$v.form.date.$touch"
  >
</label>
<p v-if="$v.form.date.$error">
  Enter a valid date
</p>

data () {
  return {
    form: {
      date: ''
    }
  }
},
validations: {
  form: {
    date: { required, customDate }
  }
},

验证助手.js:

import * as yup from 'yup'

export const customDate = async (value) => {
  const schema = yup.date()
  console.log(await schema.isValid(value))
  return await schema.isValid(value)
}

如果我1在相应的字段中输入,true如果我输入一个字母,则日志返回,a这是错误的。但我希望根据日期格式检查该值,并且 1 不是正确的日期格式,因此schema.isValid应该为 false,但它返回 true。

标签: javascriptyup

解决方案


推荐阅读