如何在 JS 中添加表情符号正则表达式验证?
How to add a emoji regex validation in JS?
我需要在我的表单上添加表情符号正则表达式验证。我使用 parsley 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
问题是如何结合这两个正则表达式?我尝试了几种语法,但到目前为止都没有成功。
我建议
^(?:(?!(?:[\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}$
模式的结构是:
^
- 字符串开头
(?:
- 包装特定模式匹配的非捕获组的开始...
(?!<HERE_GOES_EMOJI_PATTERN>)
- 如果在当前位置的右侧有一个 enmoji ,则匹配失败的否定前瞻
[^`~!+,!@#$%^&*();/|<>"0-9=[]{}_☺]
- 除字符 class 中定义的字符以外的任何字符
){1,255}
-... 1 到 255 次连续出现
$
- 字符串结尾。
在JS中,现在可以使用:
.match(/\p{Emoji}/gu);
或:
.match(/(\p{Emoji_Presentation}|\p{Extended_Pictographic})/gu)
要查看哪些字符匹配,请参阅 this link to the unicode emoji data
我需要在我的表单上添加表情符号正则表达式验证。我使用 parsley 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
问题是如何结合这两个正则表达式?我尝试了几种语法,但到目前为止都没有成功。
我建议
^(?:(?!(?:[\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}$
模式的结构是:
^
- 字符串开头(?:
- 包装特定模式匹配的非捕获组的开始...(?!<HERE_GOES_EMOJI_PATTERN>)
- 如果在当前位置的右侧有一个 enmoji ,则匹配失败的否定前瞻
[^`~!+,!@#$%^&*();/|<>"0-9=[]{}_☺]
- 除字符 class 中定义的字符以外的任何字符
){1,255}
-... 1 到 255 次连续出现$
- 字符串结尾。
在JS中,现在可以使用:
.match(/\p{Emoji}/gu);
或:
.match(/(\p{Emoji_Presentation}|\p{Extended_Pictographic})/gu)
要查看哪些字符匹配,请参阅 this link to the unicode emoji data