首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >如何在JS中添加表情符号regex验证?

如何在JS中添加表情符号regex验证?
EN

Stack Overflow用户
提问于 2018-07-17 10:30:06
回答 2查看 3.2K关注 0票数 1

我需要在我的表单上添加表情符号regex验证。我使用欧芹JS作为regex事务,目前我输入的名字有这个regex:

代码语言:javascript
复制
^[^`~!+,!@#$%^&*();\/|<>"0-9=\[\]\{\}\_☺]{1,255}$

我找到了表情符号的正则表达式:

代码语言:javascript
复制
/(?:[\u2700-\u27bf]|(?:\ud83c[\udde6-\uddff]){2}|[\ud800-\udbff][\udc00-\udfff]|[\u0023-\u0039]\ufe0f?\u20e3|\u3299|\u3297|\u303d|\u3030|\u24c2|\ud83c[\udd70-\udd71]|\ud83c[\udd7e-\udd7f]|\ud83c\udd8e|\ud83c[\udd91-\udd9a]|\ud83c[\udde6-\uddff]|\ud83c[\ude01-\ude02]|\ud83c\ude1a|\ud83c\ude2f|\ud83c[\ude32-\ude3a]|\ud83c[\ude50-\ude51]|\u203c|\u2049|[\u25aa-\u25ab]|\u25b6|\u25c0|[\u25fb-\u25fe]|\u00a9|\u00ae|\u2122|\u2139|\ud83c\udc04|[\u2600-\u26FF]|\u2b05|\u2b06|\u2b07|\u2b1b|\u2b1c|\u2b50|\u2b55|\u231a|\u231b|\u2328|\u23cf|[\u23e9-\u23f3]|[\u23f8-\u23fa]|\ud83c\udccf|\u2934|\u2935|[\u2190-\u21ff])/g

问题是如何将这两种正则表达式结合起来?我尝试了几个语法,但到目前为止没有成功。

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2018-07-17 11:38:20

我建议

代码语言:javascript
复制
^(?:(?!(?:[\u2700-\u27bf]|(?:\ud83c[\udde6-\uddff]){2}|[\ud800-\udbff][\udc00-\udfff]|[\u0023-\u0039]\ufe0f?\u20e3|\u3299|\u3297|\u303d|\u3030|\u24c2|\ud83c[\udd70-\udd71]|\ud83c[\udd7e-\udd7f]|\ud83c\udd8e|\ud83c[\udd91-\udd9a]|\ud83c[\udde6-\uddff]|\ud83c[\ude01-\ude02]|\ud83c\ude1a|\ud83c\ude2f|\ud83c[\ude32-\ude3a]|\ud83c[\ude50-\ude51]|\u203c|\u2049|[\u25aa-\u25ab]|\u25b6|\u25c0|[\u25fb-\u25fe]|\u00a9|\u00ae|\u2122|\u2139|\ud83c\udc04|[\u2600-\u26FF]|\u2b05|\u2b06|\u2b07|\u2b1b|\u2b1c|\u2b50|\u2b55|\u231a|\u231b|\u2328|\u23cf|[\u23e9-\u23f3]|[\u23f8-\u23fa]|\ud83c\udccf|\u2934|\u2935|[\u2190-\u21ff]))[^`~!+,!@#$%^&*();\/|<>"0-9=[\]{}_☺]){1,255}$

regex演示

该模式的结构如下:

  • ^ -字符串的开始
  • (?: -一个非捕获组的开始包装一个特定的模式匹配.
    • (?!<HERE_GOES_EMOJI_PATTERN>) -如果立即在当前位置的右侧有一个enmoji,则会导致匹配失败。
    • [^`~!+,!@#$%^&*();/|<>"0-9=[]{}_☺] -字符类中定义的字符以外的任何字符

  • ){1,255} -..。1至255次连续发生
  • $ -字符串的末端。
票数 0
EN

Stack Overflow用户

发布于 2020-09-23 18:54:43

在JS中,现在可以使用:

.match(/\p{Emoji}/gu);

或者:

.match(/(\p{Emoji_Presentation}|\p{Extended_Pictographic})/gu)

要查看每个字符匹配的字符,请参阅此链接到unicode表情符号数据。

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/51379147

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档