我正在使用 vuetify，并且有一个 v-text-field，它应该只接受数字。如何使用正则表达式验证这一点？

Question

使用正则表达式验证输入数字

<v-text-field v-model="number" :rules="input" prepend-icon="info" label="5 digit number" required></v-text-field>



input: [v => !!v || 'This field is required',
v=>/\d/.test(v)||'This field only accept numbers],

用户输入： 你好

预期输出：该字段仅接受数字

我得到的输出：接受字符串

Answer 1

您的代码中缺少引号。您的正则表达式还会检查是否存在单个数字 - 您要查找的是从开始到结束的一个或多个数字。

rules: [v => !!v || 'This field is required',
        v => /^\d+$/.test(v)||'This field only accept numbers']