elementUI el-input 只能輸入正整數(shù)驗證的操作方法

更新時間：2022年11月15日 09:45:37 作者：夜已如歌_ok

這篇文章主要介紹了elementUI el-input 只能輸入正整數(shù)驗證,本文給大家詳細講解對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下

字母e在js中屬于數(shù)字，但是正則匹配 \d 是攔不住字母e 的

正確寫法為：

onKeypress="return (/[\d]/.test(String.fromCharCode(event.keyCode || event.which))) || event.which === 8"

<el-input type="number" placeholder="請輸入" min="1" onKeypress="return (/[\d]/.test(String.fromCharCode(event.keyCode || event.which))) || event.which === 8" v-model.number="count"></el-input>

其他寫法：

// 只允許輸入數(shù)字

<el-input type="number" placeholder="請輸入" min="1" oninput ="value=value.replace(/[^\d]/g,'')"  v-model.number="count"></el-input>

同理，只允許輸入數(shù)字和小數(shù)

oninput ="value=value.replace(/[^0-9.]/g,'')"

允許輸入小數(shù)點后幾位：

// 保留一位小數(shù)
oninput="if(isNaN(value)) { value = parseFloat(value) } if(value.indexOf('.')>0){value=value.slice(0,value.indexOf('.')+2)}" 
 
// 若需要保留N位小數(shù)，則把2 改為 1 + n即可

設(shè)置范圍，最大值，最小值，監(jiān)聽input 及 change事件

<el-input min="0" max="100" type="number" @input="numberChange($event, 100)" @change="numberChange($event, 100)" onKeypress="return (/[\d]/.test(String.fromCharCode(event.keyCode || event.which))) || event.which === 8" v-model.number="count"></el-input>

numberChange (val, max) {
      this.$nextTick(() => {
        this.count = Math.min(parseInt(val), max)
      })
    }

＜el-input ＞正數(shù)校驗小數(shù)校驗

1.正數(shù)，不能輸入小數(shù)和小數(shù)點，只能輸入正整數(shù)，大于0的

<el-form-item label="安全庫存:" prop="safeQty" class="meter_one" style="margin-top: 10px">
? ? ? ? ? <el-input
? ? ? ? ? ? v-model="form.safeQty"
? ? ? ? ? ? type="number"
? ? ? ? ? ? min="0"
? ? ? ? ? ? @input="form.safeQty=form.safeQty.replace(/^(0+)|[^\d]+/g,'')"
? ? ? ? ? ? placeholder="請輸入安全庫存"/>
? ? ? ? </el-form-item>

2.小數(shù)點保留4位

?<el-form-item label="凈重KG:" prop="netWeight" class="meter_one" style="margin-top: 10px">
? ? ? ? ? <el-input
? ? ? ? ? ? v-model="form.netWeight"
? ? ? ? ? ? type="number"
? ? ? ? ? ? placeholder="請輸入凈重KG"
? ? ? ? ? ? oninput="if(isNaN(value)) { value = null } if(value.indexOf('.')>0){value=value.slice(0,value.indexOf('.')+5)}"
? ? ? ? ? />
? ? ? ? </el-form-item>

到此這篇關(guān)于elementUI el-input 只能輸入正整數(shù)驗證的文章就介紹到這了,更多相關(guān)elementUI el-input輸入驗證內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: