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',
]

Vuetify v-text-field check for non digit entry