首页 前端知识 前端过滤特殊字符、表情包

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

2024-05-12 00:05:25 前端知识 前端哥 635 451 我要收藏

过滤表情包

过滤表情包:

 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>
转载请注明出处或者链接地址:https://www.qianduange.cn//article/8251.html
标签
评论
发布的文章

JSON三种数据解析方法

2024-05-22 09:05:13

使用nvm管理(切换)node版本

2024-05-22 09:05:48

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!