Angular 5 反应式表单模式验证器

Question

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

谢谢。

Answer 1

尝试Validators.pattern(/^[a-zA-Z0-9_-]*$/)

Answer 2

Validators.pattern 和 FormBuilder 我们可以Validators.pattern在通过 byFormBuilder或 by创建表单时使用模式验证FormGroup。在这里，我们将提供FormBuilder.

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

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

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