输入框只能输入数字

最新推荐文章于 2025-03-13 11:20:06 发布

原创最新推荐文章于 2025-03-13 11:20:06 发布 · 107 阅读

0 ·

CC 4.0 BY-SA版权

这个博客介绍了一个在前端开发中实现输入限制的方法，通过在`<a-input>`标签上添加`oninput`事件监听器，利用正则表达式`value=value.replace(/[^d]/g,'')`确保输入的字符仅限于数字，从而创建了一个宽度为50%，默认值为75的数字输入框。

<a-input
                                        oninput="value=value.replace(/[^\d]/g,'')"
                                        size="small"
                                        style="width: 50%"
                                        default-value="75"
                                        v-model="form.pConcurrent"
                                      ></a-input>

只需要在标签里面添加 οninput="value=value.replace(/[^\d]/g,'')" 即可