用于PCRE的ng-pattern

Question

我对一个输入文本字段有这样的模式：/[\p{L}\'.\- ]{3,30}/我的目的是接受世界上几个字母表中最广泛的人名(拉丁语、华语等)。它在Regex101中进行了测试，效果很好。在其他测试人员上不起作用，但我的主要问题如下：

<form action="mailto:myemail@emailserver.com" id="formula" method="post" enctype="multipart/form-data" 
name="formname" class="form-group pt-3" autocomplete="on" ng-submit="register()" novalidate>
<input type="text" name="nombre" ng-pattern="/[\p{L}\'.\- ]{3,30}/">

我分享我的代码给你检查：https://regex101.com/r/gOvO2M/8它跳过特殊字符，跳过符号，跳过数字，但当我在浏览器中看到实时html时，它不能正常工作。

在错误消息中，出于验证目的，我将：

<p class="formu-error" ng-show="formname.nombre.$touched && formname.nombre.$invalid">Please, write a valid name.</p>

问题是在测试时，我只写字母(没有空格，没有连字符，因为所有这些都是可选的)，并且仍然给mem错误的消息。为什么？

也许是因为我使用的是\p{L}，当我用PHP语言编写服务器验证代码时，它只能在服务器上工作？

Answer 1

您可以使用

<input type="text" name="nombre" ng-pattern="/^(?=.{3,30}$)\p{L}+(?:['.\s-]\p{L}+)*$/u" ng-trim="false" />

请注意u标志，它通过ECMAScript 2018+支持启用JavaScript中的Unicode类别(属性)类支持。

此外，ng-trim="false"将防止在将输入传递给正则表达式引擎之前修剪空格。

正则表达式表示：

• ^ - string
• (?=.{3,30}$)的开始-字符串必须包含除换行符以外的3到30个字符chars
• \p{L}+ -一个或多个Unicode letters
• (?:['.\s-]\p{L}+)* -零个或多个重复的
  • ['.\s-] - '、.、空白或-
  • \p{L}+ -一个或多个Unicode letters

• $ -字符串结束。

请参阅regex demo。