Angular 5 响应式(Reactive)表单模式验证器

Question

我需要使用 Validators.pattern 在响应式表单(表单控件)中提出验证模式。条件是字母数字，只允许使用下划线_、连字符-。不应允许任何类型的空间。是否有任何一种模式可以帮助我实现这一目标。

谢谢。

Answer 1

Validators.pattern 与 FormBuilder
我们可以使用 Validators.pattern通过 FormBuilder 创建表单时进行模式验证或通过 FormGroup .这里我们将提供 FormBuilder 的代码片段.

unamePattern = "^[a-z0-9_-]{8,15}$";
userForm = this.formBuilder.group({
username: ['', Validators.pattern(this.unamePattern)],}) 

但是如果你不想允许“-”就用这个

unamePattern = "^[a-z0-9_]{8,15}$";