element-ui input输入框，校验不能输入中文和特殊字符，输入中文后，英文输不进去的问题

最新推荐文章于 2024-02-23 14:27:26 发布

m0_66899315

最新推荐文章于 2024-02-23 14:27:26 发布

阅读量3k

点赞数 2

本文链接：https://blog.csdn.net/m0_66899315/article/details/124492135

版权

直接贴图了：

之前的写法是：

@keyup.native="
                addForm.code = (addForm.code || '').replace(
                  /[\u4E00-\u9FA5]|[\uFE30-\uFFA0]/g,
                  ''
                )
              "

上述这种写法会引发一个偶发性问题，输入中文后，英文会输不进去，而且特殊字符校验没有生效，修改之后的写法：

@input="codeInput"

用input事件

methods里面定义：

注：校验特殊字符：[`~!@#$%^&()_\-+=<>?:"{}|,./;'\\[\]·~！@#￥%……&（）——\-+={}|《》？：“”【】、；‘’，。、] 灰常有效哦

codeInput(val) {  
     val = val.replace(
        /[\u4E00-\u9FA5]|[`~!@#$%^&*()_\-+=<>?:"{}|,./;'\\[\]·~！@#￥%……&*（）——\-+={}|《》？：“”【】、；‘’，。、]/g,
        ""
      );
      this.addForm.code = val;     //    不要忘了把校验之后的值赋值给表单这一项
    },