Vuetify v-text-field检查非数字输入

Question

我想检查用户在v-text-field中是否输入了除数字之外的任何内容，并直接用rules显示错误。

还应显示(+、-、.、(的错误

带有：

integerValueCheck: [
v => /^d+$/.test(v) || 'Nur Zahlen erlaubt',
],

当用户在文本字段中输入了一些内容，但又将其删除(为空(时，也会显示该错误。这不好。错误不应该显示在上

Answer 1

您必须检查值是否为空：

integerValueCheck: [
v => !v || /^d+$/.test(v) || 'Nur Zahlen erlaubt',
]

或

integerValueCheck: [
v => /^d*$/.test(v) || 'Nur Zahlen erlaubt',
]