模式有时匹配，有时不匹配

Question

我在angular 5中实现了一个模式，在.ts文件中使用以下代码进行密码验证。这样做的目的是支持至少八个字符，至少一个大写字母、一个小写字母、一位数字和一个特殊字符。请参阅：密码的Regex必须包含至少八个字符、至少一个数字以及大小写字母和特殊字符

wcodePattern = "^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[$@$!%*?&])[A-Za-z0-9\d$@$-_!%*?&]{8,20}"; 

我明白了，当我在密码文本框中输入一个字符串时，例如< code>Niladri1！然而，当我输入一个类似于< code>Nopasss123！！，它显示< code >用户名无效。。

下面是angular 5 html的代码：

<div *ngIf="wcode.errors?.pattern">User name not valid.</div> 

我还用以下方法进行了测试，它将字符串作为Noladris，假设它是无效的。

^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[@-_!])[A-Za-z0-9\d@-_!]{8,20}$

我错过了什么？

Answer 1

您需要使用

wcodePattern = '^(?=.*[a-z])(?=.*[A-Z])(?=.*[0-9])(?=.*[@$!%*?&])[A-Za-z0-9@$_!%*?&-]{8,20}$'

或者，由于您在RegExp构造函数中使用它，因此这里有一个在那里使用的版本：

wcodePattern = '^(?=.*[a-z])(?=.*[A-Z])(?=.*\\d)(?=.*[@$!%*?&])[A-Za-z\\d@$_!%*?&-]{8,20}$'

注意：

< li >您必须将< code>-放在字符类的开头/结尾，以匹配文字连字符，或者在里面对其进行转义 < li >字符串中的反斜杠必须是双反斜杠，否则它们会定义转义序列，如< code>\n、< code>\t等。 < li> $必须添加到模式的末尾以“锚定”匹配(即匹配字符串的末尾以确保最大字符限制)。 < Li > < code >[$ @ $] = < code >[$ @]-字符类中不需要重复字符。