vue 验证输入框只能输入整数以及只能输入整数和小数

Posted 2023-03-27

参考技术A 不管什么时候做项目都会遇到验证输入框只能输入整数和小数的需求

公共得index.js

在需要引入的页面

当然，你的页面中这样的输入框比较多，可以把这个输入框进行二次封装，直接传参使用就可以了，这样也方便统一管理。好了，有什么需要改进的地方，后续会慢慢更新。

限制输入框只能输入整数

<input type="number" class="form-control" id="inoutnum" name="inoutnum" value=‘{$ITEM->inoutnum}‘ min="0" placeholder="请输入天数..."
       onkeyup="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,‘‘)}else{this.value=this.value.replace(/D/g,‘‘)}"
       onafterpaste="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,‘0‘)}else{this.value=this.value.replace(/D/g,‘‘)}"
       style="max-width: 260px">