js 正则表达式禁止输入框输入特殊字符遇到的坑以及解决方案

郝艳峰Vip

于 2021-05-07 11:10:04 发布

阅读量5.7k

点赞数

分类专栏： vue.js 文章标签：正则表达式

本文链接：https://blog.youkuaiyun.com/ww_5211314/article/details/116484969

版权

前言

最近在项目中有一个需求是禁止输入特殊字符，一开始我是在网上找的正则表达式直接用的，后来发现这个表达式同时也禁止了v,x,y,z,所以后来就想了一个比较笨的方法，把所有的特殊字符全部罗列出来，然后在匹配一下。最后在输入的时候禁止就好了。

项目都是在vue中的，所有方法都是在methods里边的。

step 一，正则表达式解决方案

用这种方式替换，会导致v,x,y,z输入不进去，亲测。

    <el-input
          placeholder="I'm shopping for..."
          v-model="searchVal"
          id="right_radius_set"
          @keyup.native="prohibit_input"
          @keyup.enter.native="toSearch"
        >
          <a slot="suffix" @click="toSearch">