elementUi中输入框只能输入限制数字或特殊符号等

怼烎@ 2023-10-07 21:15 27阅读 0赞

![e520cbb8337a454dac6de013e5385ae5.png][]

其实只要添加这两行代码就可以了：

操作思路：  
oninput：这是一个input 输入框在输入内容时会执行的事件（在输入框输入内容时就会触发 oninput）  
对输入框内容进行监听，监听输入内容的格式，这里使用正则进行限制操作  
blur: 监听输入框失去焦点  
当输入框失去焦点时，将输入框中的内容进行保存

操作步骤：  
οninput="value=value.replace(/^\\.+|\[^\\d.\]/g,'')"  
@blur="salaryChange"  
function salaryChange() \{'这里是本地保存输入框内容的变量' = e.target.value\}；

<el-input
              :rows="5"
              :disabled="status===4"
              v-model="form.partyId"
              maxlength="10"
              show-word-limit
              placeholder="请输入机构号"
              size="small"
              style="width: 290px"
              oninput="value=value.replace(/^\.+|[^\d.]/g,'')"
              @blur="partyIdChange"
            />

方法中：

partyIdChange(e) {
          this.form.partyId = e.target.value
        },

效果：

![66fadc5f3c7c4284a2f9162e47f1ccc8.png][]

[e520cbb8337a454dac6de013e5385ae5.png]: https://img-blog.csdnimg.cn/e520cbb8337a454dac6de013e5385ae5.png
[66fadc5f3c7c4284a2f9162e47f1ccc8.png]: https://img-blog.csdnimg.cn/66fadc5f3c7c4284a2f9162e47f1ccc8.png

发表评论取消回复

表情：

评论列表（有 0 条评论，27人围观）

还没有评论，来说两句吧...

相关阅读

相关 JS 输入框只能输入数字

说明：οnkeyup=按键抬起触发， onafterpaste=粘贴之后触发 onkeypress =按下并放开任何字母数字键时触发 onbeforepaste=粘贴

男娘i/ 2024年02月17日 18:04/ 0 赞/ 97 阅读

相关在HTML中限制input 输入框只能输入纯数字

限制 input 输入框只能输入纯数字 1、onkeyup = "value=value.replace(/\[^\\d\]/g,'')" 使用 onkeyup 事件，有

青旅半醒/ 2023年10月18日 16:29/ 0 赞/ 178 阅读

相关限制 input 输入框只能输入纯数字

限制 input 输入框只能输入纯数字 1、onkeyup = "value=value.replace(/\[^\\d\]/g,'')" 使用 onkeyup 事件，有

梦里梦外;/ 2023年10月09日 12:42/ 0 赞/ 122 阅读

相关 elementUi中输入框只能输入限制数字或特殊符号等

![e520cbb8337a454dac6de013e5385ae5.png][] 其实只要添加这两行代码就可以了：操作思路： oninput：这是一个input 输

怼烎@/ 2023年10月07日 21:15/ 0 赞/ 28 阅读

相关设置elementUI中的输入框只能输入字母

<el-input class="inline-input" v-model="state" pre

小灰灰/ 2022年12月10日 08:49/ 0 赞/ 238 阅读

相关输入框限制规则只能输入数字只能输入字母数字等等

输入大小写字母、数字、下划线： <input type="text" onkeyup="this.value=this.value.replace(/[^\w_

超、凢脫俗/ 2022年11月17日 10:21/ 0 赞/ 337 阅读

相关 html input输入框只能输入数字只能输入字母数字组合

1.文本框只能输入数字代码(小数点也不能输入) <input onkeyup="this.value=this.value.replace(/\D/g,'')"

我不是女神ヾ/ 2022年06月01日 07:09/ 0 赞/ 378 阅读

相关 input输入框只能输入数字，只能输入字母数字组合

输入大小写字母、数字、下划线： <input type="text" onkeyup="this.value=this.value.replace(/[^\w_

你的名字/ 2022年05月19日 12:00/ 0 赞/ 361 阅读

相关 bootstrap 输入框只能数字和字母等其他限制

输入中文、数字、英文: <input onkeyup="value=value.replace(/[^\w\u4E00-\u9FA5]/g, '')">

末蓝、/ 2022年02月28日 00:00/ 0 赞/ 979 阅读

相关 input输入框只能输入数字

<input type="number" class="input-control input-l" id="oldcard" oninput = "value=val

骑猪看日落/ 2022年02月01日 13:09/ 0 赞/ 454 阅读