el-input 文本框 输入数字校验

目录

1. 输入整数

2. 输入整数和小数

3. 输入两位小数

---

 

1. 输入整数

<el-input
              v-model="scopeRows.row.inWarehouseRow.Quantity"
              type="number"
              @blur="getRowData(scopeRows.row.inWarehouseRow)"
              oninput="value=value.replace(/^0|[^0-9]/g, '')"
            ></el-input>

2. 输入整数和小数

<el-input
  v-model="scopeRows.row.inWarehouseRow.UnitPrice"
  type="number"
  @blur="getRowData(scopeRows.row.inWarehouseRow)"
  oninput="value=value.replace(/[^\d.]/g, '').replace(/^0+(\d)/, '$1').replace(/^\./, 
   '0.').replace('.', '$#$').replace(/\./g, '').replace('$#$', '.').replace(/^\./g, '')"
            >
</el-input>

 3. 输入两位小数

<el-input v-model="input" placeholder="请输入内容" oninput="value=value.replace(/[^\d^\.]+/g, '').replace(/^0+(\d)/, '$1').replace(/^\./, '0.').match(/^\d*(\.?\d{0,2})/g)[0] || ''"></el-input>

参考地址：

ElementUI文本框输入数字限制_element ui 限制输入框数字_junlin15823443861的博客-CSDN博客