带掩码的Vuetify.js表单验证

Question

我在组件中创建了一个v形表单，在此v形表单中放置了一个带遮罩且规则不为null的v文本域

<v-text-field mask="###.###" :rule="[v => !!v || 'Required']"> ... </v-text-field>

但是，如果我的用户类型为22，则当我尝试验证自己认为有效的表单时（因为在我的规则中，该文本不为null），但他与我的面罩不匹配..我怎样才能获得两个验证？ tks

Answer 1

您可以使用正则表达式检查值。

:rule="[v => !!v || 'Required', v => /^\d{3}\.\d{3}$/.test(v) || 'Invalid format']"

修改

有趣的是。 （点）不是价值的一部分，因此更好的答案是：

:rule="[v => !!v || 'Required', v => /\d{6}/.test(v) || 'Invalid format']"

实时示例：CodePen