角度4和打字稿

Question

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

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

我在输入控件的按键上调用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（打字稿）文件中使用

Answer 1

创建表单控件（或formGroup中的控件）

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

可以从表单模块

导入这些内置类

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