JS && Vue 禁止输入框输入特殊符号或emoji表情

最新推荐文章于 2024-06-26 14:19:06 发布

_格鲁特宝宝

最新推荐文章于 2024-06-26 14:19:06 发布

阅读量5k

点赞数 3

分类专栏： Vue Web FrontEnd javascript 文章标签：输入框特殊符号输入框emoji 表情禁止输入表情符号输入框禁止输入 v-emoji

_格鲁特宝宝原创，转载请务必注明出处

本文链接：https://blog.csdn.net/GrootBaby/article/details/114699651

版权

本文介绍了如何在Vue项目中禁止用户在输入框中输入特殊符号和emoji表情。通过提供全局设置和特定指令的方式，可以轻松实现输入框的校验，确保输入内容的规范性。参考链接来自CSDN的两篇文章。

摘要由CSDN通过智能技术生成

禁止输入框输入特殊符号或emoji表情

// 判断是否含有特殊符号
let reg1 = /[`~!@#$%^&*()_\-+=<>?:"{}|,.\/;'\\[\]·~！@#￥%……&*（）——\-+={}|《》？：“”【】、；‘’，。、]/im
// 判断是否含有emoji表情
let reg2 = /[\uD83C|\uD83D|\uD83E][\uDC00-\uDFFF][\u200D|\uFE0F]|[\uD83C|\uD83D|\uD83E][\uDC00-\uDFFF]|[0-9|*|#]\uFE0F\u20E3|[0-9|#]\u20E3|[\u203C-\u3299]\uFE0F\u200D|[\u203C-\u3299]\uFE0F|[\u2122-\u2B55]|\u303D|[\A9|\AE]\u3030|\uA9|\uAE|\u3030/ig
// 如果为true，字符串含有emoji表情，false不含
console.log(reg2.test(info.personName)) 
// 如果为true，字符串含有特殊符号，false不含
console.log(reg1.test(info.personName))

使用：

onInput() {
  var reg = /[\uD83C|\uD83D|\uD83E][\uDC00-\uDFFF][\u200D|\uFE0F]|[\uD83C|\uD83D|\uD83E][\uDC00-\uDFFF]|[0-9|*|#]\uFE

最低0.47元/天解锁文章

_格鲁特宝宝

关注

3
点赞
踩
17

收藏

觉得还不错? 一键收藏
打赏
3
评论
JS && Vue 禁止输入框输入特殊符号或emoji表情

// 判断是否含有特殊符号let reg1 = /[`~!@#$%^&*()_\-+=<>?:"{}|,.\/;'\\[\]·~！@#￥%……&*（）——\-+={}|《》？：“”【】、；‘’，。、]/im// 判断是否含有emoji表情let reg2 = /[\uD83C|\uD83D|\uD83E][\uDC00-\uDFFF][\u200D|\uFE0F]|[\uD83C|\uD83D|\uD83E][\uDC00-\uDFFF]|[0-9|*|#]\uFE0F\.
复制链接

扫一扫