javascript - Angular 4 和 typescript

Question

我需要验证表单中存在的文本框，我不希望用户最初输入空格，它应该以字母数字开头，然后我们可以在文本之间添加空格。

我正在用 typescript 编写正则表达式代码，但它对我不起作用。

我在输入控件中的按键上调用allowAlphaNumeric方法

allowAlphaNumeric(event) {
        return event && event.key && event.key.match(this.regExpAlphaNumeric) ? true : false;
    }

<input class="form-control ip-box-css" type="text" formControlName = "campaignName" id="campaignName" (keypress)="allowAlphaNumeric($event)" maxlength="30" placeholder="Enter" required>

where regExpAlphaNumeric: string = '^[^-\s][a-zA-Z0-9_\s-]+$';

问题是正则表达式不被视为字符串

请提供一些建议，以便它可以在 .ts(typescript) 文件中工作

Answer 1

创建表单控件(或 formGroup 中的控件)

textboxToValidate: FormControl = new FormControl('', [
  Validators.required,
  Validators.pattern(/^[^-\s][a-zA-Z0-9_\s-]+$/)
]);

这些内置类可以从表单模块导入

import { FormControl, Validators } from '@angular/forms';