前端过滤特殊字符、表情包

最新推荐文章于 2025-05-10 12:59:32 发布

FairyLiberty

最新推荐文章于 2025-05-10 12:59:32 发布

阅读量1.3k

点赞数 2

CC 4.0 BY-SA版权

分类专栏： JavaScript filter 文章标签： typescript javascript 开发语言

本文链接：https://blog.youkuaiyun.com/Sleeping_Fairy/article/details/125995810

JavaScript 同时被 2 个专栏收录

11 篇文章

订阅专栏

filter

2 篇文章

订阅专栏

本文介绍了在前端开发中如何过滤和验证用户输入，包括移除表情包、限制特殊字符输入以及禁止输入空格的实现方法，确保输入数据的规范性。

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

过滤表情包

过滤表情包：

 filters: {
    filterName(val) { // 判断有没有表情 有表情就去掉
      const emojiReg = /(\ud83c[\udf00-\udfff])|(\ud83d[\udc00-\ude4f])|(\ud83d[\ude80-\udeff])/g
      let names = val
      const isEmoj = emojiReg.test(names)
      isEmoj && (names = names.replace(emojiReg, ''))
      if (names.length === 2) {
        return names.slice(0, 1) + '*'
      } else if (names.length > 2) {
        let str = ''
        for (let i = 0; i < names.length - 2; i++) {
          str += '*'
        }
        return names.slice(0, 1) + str + names.slice(names.length - 1, names.length)
      } else if (names.length === 0 || names.length === 1) {
        return val
      } else {
        return names
      }
    }
  },

过滤特殊字符

// 限制输入特殊字符
    btKeyUp(e) {
      e.target.value = e.target.value.replace(/[`~!@#$%^&*()⊙⊙_\-+=<>?:"{}|,.\/;'\\[\]·~！@#￥%……&*（）——\-+={}|《》？：“”【】、；‘'，。、]/g,"");
    },

注意：这里需要在input中绑定，如下：

<el-input size="small" v-model="city" placeholder="请输入城市名称" @keyup.native="btKeyUp"></el-input>

禁止输入空格

<el-input  onkeyup="this.value=this.value.replace(/[, ]/g,'')" ></el-input>