場景

若依前后端分離版手把手教你本地搭建環境并運行項目：

若依前后端分離版手把手教你本地搭建環境并運行項目_BADAO_LIUMANG_QIZHI的博客-CSDN博客_若依前后端分離搭建

設置el-input的onkeypress事件限制輸入內容是否匹配正則表達式。

注：

博客：
BADAO_LIUMANG_QIZHI的博客_霸道流氓氣質_CSDN博客-C#,架構之路,SpringBoot領域博主
關注公眾號
霸道的程序猿
獲取編程相關電子書、教程推送與免費下載。

實現

1、比如限制只能輸入數字

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

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

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

3、限制輸入的效果

?

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。