简单处理的方式
限制输入负数,以及保留小数点两位.:
javascript
<input type="number" placeholder="请输入" v-model="num"
@input="num=num.toString().replace(/\-/g,'').match(/^\d+(?:\.\d{0,2})?/)" />
可以输入负数,保留两位小数点,把replace函数去掉即可.
完美处理的方式
以下方式可以在按下的时候,输入框不显示对应的数字,需要监听keypress按下事件.
vue,js 限制输入负数,限制小数位的输入框,限制输入长度,兼容移动端,兼容中英文输入法,最完美的解决方案。_js输入框不能输入负数-CSDN博客