Angular 6反应式表单密码验证正则表达式模式和确认验证

Question

我试图建立一个注册表格使用角6反应形式。

 ngOnInit() {
this.registerForm = this.formBuilder.group({
  firstName: ['', [Validators.required],
  lastName: ['', [Validators.required]],
  email: ['', [Validators.required, Validators.email]],
  password: ['', [Validators.required, Validators.pattern('^(?=.*[a-z])(?=.*[A-Z])(?=.*[0-9])(?=.*[$@$!%*?&])[A-Za-z\d$@$!%*?&].{8,}$')]],
  confirmPassword: ['', [Validators.required, Validators.pattern('^(?=.*[a-z])(?=.*[A-Z])(?=.*[0-9])(?=.*[$@$!%*?&])[A-Za-z\d$@$!%*?&].{8,}$')]]
});

}

我如何进行验证，以便允许：

< li >数字 < li >大写字母 < li >小写字母 < li >任何特殊字符 < li >最少8个字符

我使用的这个正则表达式工作正常，但是我不能使用任何其他特殊字符，例如我尝试了< code>Demoo123#但是没有工作。然而< code>Demoo123@运行良好。我假设我的正则表达式中的特殊字符部分有问题。我必须手动提及所有允许的特殊字符吗？或者有什么捷径吗？我在哪里读到过正则表达式不喜欢hashtags #...这是真的吗？

另一个问题是如何进行确认验证，以便确认密码值必须与密码字段值相同？

Answer 1

将RegEx作为参数传递给我很有用：

Validators.pattern（新的RegExp("^(? =. *[A-Z])(? =. *[! @#\$%\^

或者我们可以在模式的两端使用正斜杠:

your_pattern_here代码

例如：

Validators.pattern (/^(? =. *[A-Z])(? =. *[! @#\$%\^

Answer 2

formGroup中的TypeScript验证

password: ['', [
   Validators.required, 
   Validators.pattern("^(?=.*[a-z])(?=.*[A-Z])(?=.*[0-9])(?=.*[$@$!%*?&])[A-Za-z\d$@$!%*?&].{8,}$")
]],

消息：密码必须包含8个以上的字符、1个数字、1个大写字母和1个特殊字符（$@$！%*？

Answer 3

问题是我没有在密码字段中添加pattern属性<代码>

那是相当有线的。当它在代码中指定时，为什么我需要在输入中指定它？不知道，但是很有效。