input框禁止输入表情（手动笑脸）

最新推荐文章于 2023-10-18 10:55:46 发布

Dlow-

最新推荐文章于 2023-10-18 10:55:46 发布

阅读量2.9k

点赞数 1

分类专栏：正则文章标签：前端开发 Vue.js 正则表达式输入验证表情过滤

本文链接：https://blog.csdn.net/qq_24992475/article/details/123281885

版权

正则专栏收录该内容

5 篇文章 0 订阅

订阅专栏

输入框禁止输入表情符号，在这里记录一下

页面代码

     <el-input v-model="inputValue" @input="inputVal('inputValue',$event)"></el-input>

methods中的方法

// 禁止input框输入表情
    inputVal(type,e){
      console.log(type,e,'--------')
      let reg = /([0-9|*|#]\uFE0F\u20E3)|([0-9|#]\u20E3)|([\u203C-\u3299]\uFE0F\u200D)|([\u203C-\u3299]\uFE0F)|([\u2122-\u2B55])|(\u303D)|([(\A9)|(\AE)]\u3030)|(\uA9)|(\uAE)|(\u3030)|([\uD83C|\uD83D|\uD83E][\uDC00-\uDFFF])|([\uD83C|\uD83D|\uD83E][\uDC00-\uDFFF][\u200D|\uFE0F])/g;
      setTimeout(() => {
        this[type] = e.replace(reg,"");
      }, 0);
    },