場(chǎng)景

若依前后端分離版手把手教你本地搭建環(huán)境并運(yùn)行項(xiàng)目：

若依前后端分離版手把手教你本地搭建環(huán)境并運(yùn)行項(xiàng)目_BADAO_LIUMANG_QIZHI的博客-CSDN博客_若依前后端分離搭建

設(shè)置el-input的onkeypress事件限制輸入內(nèi)容是否匹配正則表達(dá)式。

注：

博客：
BADAO_LIUMANG_QIZHI的博客_霸道流氓氣質(zhì)_CSDN博客-C#,架構(gòu)之路,SpringBoot領(lǐng)域博主
關(guān)注公眾號(hào)
霸道的程序猿
獲取編程相關(guān)電子書、教程推送與免費(fèi)下載。

實(shí)現(xiàn)

1、比如限制只能輸入數(shù)字

??????????????????? <el-inputv-model="form.exUpperLimit"placeholder="請(qǐng)輸入排溫上限"type="number"onkeypress="return(/[0-9]/.test(String.fromCharCode(event.keyCode)))"/>

2、如果要更改正則表達(dá)式只更改前面的部分比如

??????????????????? <el-inputv-model="form.fcUpperLimit"placeholder="甲烷濃度上限"type="number"onkeypress="return(^[1-9]\d*|0$).test(String.fromCharCode(event.keyCode)))"/>

3、限制輸入的效果

?

總結(jié)

以上是生活随笔為你收集整理的el-input中设置onkeypress事件是否匹配正则表达式显示输入内容的格式的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。