el-input 只能输入数字和一个小数点,或者只能输入正整数

只能输入框只能输入正整数,输入同时禁止了以0开始的数字输入,防止被转化为其他进制的数值。

下面为案例:

复制代码
<!-- 不能输入零时-->
<input type='text' oninput="value=value.replace(/^(0+)|[^\d]+/g,'')">

<!-- 能输入零时-->
<input type='text' oninput="value=value.replace(/^0+(\d)|[^\d]+/g,'')">
复制代码
    <div class="jz_Dialog">
        <div>
          <div class="saveItem saveTop">
            <div class="saveName">结转数量</div>
            <el-input v-model="editData.postNum"
                      class="saveInput"
                      oninput="value=value.replace(/^(0+)|[^\d]+/g,'')"
                      @blur="editData.postNum = $event.target.value"
                      size="mini"></el-input>
          </div>
          <div class="saveItem saveTop">
            <div class="saveName">结转单价</div>
            <el-input v-model="editData.postUnitPrice"
                      class="saveInput"
                      @input="getNumIpt(editData.postUnitPrice,'1')"
                      size="mini"></el-input>
             <div class="saveItem saveTop">
            <div class="saveName">结转金额</div>
            <el-input v-model="editData.postPrice"
                      class="saveInput"
                      @input="getNumIpt(editData.postPrice,'2')"
                      size="mini"></el-input>
          </div>        
          </div>
        </div>
      </div>

    getNumIpt (val, type) {
      // 非数字 一位小数点 开头不能是小数
      if (type == 1) {
        this.editData.postUnitPrice = val
          .replace(/[^\d.]/g, "")
          .replace(/^(\d+)\.(\d*).*$/, "$1.$2")
          .replace(/^\.*$/g, "");

      }
      if (type == 2) {
        this.editData.postPrice = val
          .replace(/[^\d.]/g, "")
          .replace(/^(\d+)\.(\d*).*$/, "$1.$2")
          .replace(/^\.*$/g, "");

      }

    },
相关推荐
xiaominlaopodaren11 分钟前
Three.js 光影魔法:如何单独点亮你的3D模型
javascript
PasserbyX13 分钟前
一句话解释JS链式调用
前端·javascript
1024小神14 分钟前
tauri项目,如何在rust端读取电脑环境变量
前端·javascript
Nano19 分钟前
前端适配方案深度解析:从响应式到自适应设计
前端
古夕24 分钟前
如何将异步操作封装为Promise
前端·javascript
小小小小宇24 分钟前
前端定高和不定高虚拟列表
前端
@一枝梅30 分钟前
vue3 vite.config.js 引入bem.scss文件报错
javascript·rust·vue·scss
古夕35 分钟前
JS 模块化
前端·javascript
wandongle35 分钟前
HTML面试整理
前端·面试·html
liucan23336 分钟前
JS执行速度似乎并不比Swift或者C语言慢
前端·ios