<InputNumber min={0} max={9999} parser={text=>/^\d+$/.test(text)? text:0}/>
 

补充:也可以使用precision,对输入的内容做保留0位小数处理
<InputNumber min={0} max={9999} precision={0}/>

InputNumber组件强制限制小数,能够使用formatter属性配合正则来实现,在写的时候发现一个问题,比如限制两位小数,当我输第三位小数或者第n个小数的时候,组件会保存这个值,传给后台的值多出一位小数,但是input框显示的确只有两位小数 我是歌谣 我有个兄弟 巅峰的时候排名c站总榜19 叫前端小歌谣 曾经我花了三年的时间创作了他 现在我要用五年的时间超越他 今天又是接近兄弟的一天人生难免坎坷 大不了从头再来 歌谣的意志是永恒的 放弃很容易 但是坚持一定很酷 今天在找到我 这边我们有一个bug需要处理一下 就是输入框里面不可以输入数字 只能输入... 前端菜鸟第一次写文章 今天用到了antd的数字输入框,想设置正整数,百度了一下,竟然全是在输入时使用正则判断,正则是不可能看得懂的。于是我看了api,发现了第二种方法:先设置最小值为0,再设置小数位数为0,问题解决: <InputNumbermin={0}precision={0}/> <a-input-numberplaceholder="利润点" style="width:230px;" :formatter="(value) => `${value}%`" :precision="0" :parser="(value) => input number 输入正整数 HTML页面中,input输入框当仅能输入数字,发现还会键入- + e E等各种字符。有时为了不让这些字符输入,切只能输入整数。 解决方案如下: <input id="mid" type="number" min="1" oninput="this.value=this.value.replace(/\D/g);"/> 为了保证输入位数,在oninput方法中加入如下: <input id="mid" type="number" min="1" oninput="thi