输入框禁止输入特殊字符

宋小土

已于 2022-07-25 12:42:15 修改

阅读量1.1k

点赞数

CC 4.0 BY-SA版权

文章标签：前端 vue.js javascript

于 2022-05-24 18:17:51 首次发布

本文链接：https://blog.youkuaiyun.com/weixin_45003732/article/details/124951919

本文介绍如何在Vue项目中使用正则表达式限制el-input组件的输入，避免用户输入特殊字符，提供了一段示例代码和方法实现细节。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

项目场景：

输入框禁止输入特殊字符

问题描述

如何让输入框禁止输入特殊字符

@Override
	 <el-input
          style="width: 231px; height: 36px"
          v-model="tableinput"
          @keyup.native="keyup"//注意:这里必须是keyup
          placeholder="请输入表名进行搜索">
      </el-input>
      
methods:{
 keyup(e){
      e.target.value = e.target.value.replace(/[`~!@#$%^&*()_\-+=<>?:"{}|,.\/;'\\[\]·~！@#¥%……&*（）——\-+={}|《》？：“”【】、；‘’，。、～]/g, "");
    },
    }