【JavaScript基础语法】正则表达式——限制input输入框只能输入数字

需要的小伙伴们可以收藏，方便日后查看。

干货分享

【JavaScript基础语法】正则表达式——限制input输入框的输入内容（各种常见字母、数字、字符组合）

场景复现

本期文章将单独介绍，如何限制input输入框只能输入数字。

本文所用的组件以ant design vue的a-input组件为例：（所有input输入框都适用）

方法一、使用正则表达式【推荐】

在<input>标签内添加正则表达式，代码如下：

oninput="value = value.replace(/[^\d]/g,'')"

完整组件：

<input type="text" oninput="value = value.replace(/[^\d]/g,'')"/>

该种可以在 input 框输入字母汉字，但是会自动删除，最终只会留下数字。

方法二、设置type属性【局限性】

将<input>标签中的type​属性直接设置为​number​：

<input type="number" name="" />

缺点：只能作用于网页端，手机端还是可以输入汉字或英文

---

下期文章将涉及vue3 antd项目实战中的输入框使用 包含提示文字、输入长度、输入内容的设置

---

觉得这篇文章有用的小伙伴们 可以点赞➕收藏➕关注哦~