干货分享

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

场景复现

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

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

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

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

完整组件：

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

将标签中的type属性直接设置为number：

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

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

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

“我要打10个”的伊朗，缺油了... 如果说两周前，伊朗军方还在电视台上拍着胸脯保证“一切正常，我们赢麻了”，那么现在，这层窗户纸算是被彻...

REDMI K90 Max发布... 4 月 21 日，REDMI K90 Max 正式发布。作为 REDMI K 系列全新成员，REDM...

A股，突变！七大巨头，集体异动... 市场明显起了变化！早上，紫金矿业和宁德时代两大巨头都在发布利好之后意外回落，与此同时，有色和电池板块...

“农夫”们才入局，补水啦已经签... 文 | 陶魏斌2026年世界杯开赛在即，补水啦官宣了自己的品牌代言人——姆巴佩，当今足球世界的顶级球...

新市场扭亏、国内转型阵痛极兔... 独立稀缺穿透仍有不少硬仗要打作者：闻道编辑：李莉风品：一然来源：铑财——铑财研究院新曲线越烧越旺...

盘后突发利空！油价涨破100，... 今天的行情再次应了那句话：不要光站在那里，要站在光里！隔壁港股大跌，A股低开高走，上证指数站上410...

纠结的万华化学：不论业绩如何，... 在周期股里，万华化学这两年的表现有点别扭，化工赛道热门企业华鲁恒升、新和成、卫星化学等纷纷在今年创出...

手机涨价潮来袭，OPPO刘作虎... 4月21日，OPPO正式发布Find X9s Pro与Find X9 Ultra 影像双旗舰新品。作...

航空业“油荒”危机将至：海湾出... 财联社4月22日讯（编辑刘靖怡）随着全球航运咽喉霍尔木兹海峡因美伊对峙被封锁，海湾地区对国际市场的...

调研｜平安银行对公和零售信贷投... 截至今年3月末，创业板上市公司占A股上市公司总数1/4，总市值近18万亿元，是全球最具活力的市场之一...