• 首页 首页 icon
  • 工具库 工具库 icon
    • IP查询 IP查询 icon
  • 内容库 内容库 icon
    • 快讯库 快讯库 icon
    • 精品库 精品库 icon
    • 问答库 问答库 icon
  • 更多 更多 icon
    • 服务条款 服务条款 icon

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

武飞扬头像
Sleeping_Fairy
帮助1

过滤表情包

过滤表情包:

 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>

这篇好文章是转载于:学新通技术网

  • 版权申明: 本站部分内容来自互联网,仅供学习及演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,请提供相关证据及您的身份证明,我们将在收到邮件后48小时内删除。
  • 本站站名: 学新通技术网
  • 本文地址: /boutique/detail/tanhgggjbg
系列文章
更多 icon
同类精品
更多 icon
继续加载