如何在JS中添加表情符号正则表达式验证?

时间:2018-07-17 10:30:07

标签: regex emoji parsley.js

我需要在表单上添加表情符号正则表达式验证。我使用欧芹JS处理正则表达式,目前我输入的名字中包含此正则表达式:

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

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

/(?:[\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

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

2 个答案:

答案 0 :(得分:0)

我建议

^(?:(?!(?:[\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 demo

模式的结构为:

  • ^-字符串的开头
  • (?:-一个非捕获组的开始,该组包装了特定的模式匹配项...
    • (?!<HERE_GOES_EMOJI_PATTERN>)-如果在当前位置的右边立即有一个enmoji,则负匹配将使匹配失败
    • [^`~!+,!@#$%^&*();/|<>"0-9=[]{}_☺]-字符类中定义的字符以外的任何字符
  • ){1,255} -... 1至255个连续出现
  • $-字符串的结尾。

答案 1 :(得分:0)

现在在JS中,您可以使用:

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

或:

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

要查看哪些字符匹配,请参见this link to the unicode emoji data