字母数字验证不起作用

Question

对于 Angular 2 应用程序，我编写了一个自定义验证器 TypeScript 类，如下所示，

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

export class AlphaNumericValidator {
    static invalidAlphaNumeric(control: FormControl): { [key: string]: boolean } {
        if (control.value.length && !control.value.match(/^[a-z0-9]+$/i)) {
            return { invalidAlphaNumeric: true };
        }
        return null;
    }
}

我正在将此验证器应用于模型驱动表单，

'name': [this.exercise.name, [Validators.required, AlphaNumericValidator.invalidAlphaNumeric]],

这是 HTML，

<label *ngIf="exerciseForm.controls.name.hasError('invalidAlphaNumeric') && (exerciseForm.controls.name.touched || submitted)" class="alert alert-danger validation-message">Name must be alphanumeric</label>

我注意到每当我在输入中输入一个字符时，上面的 TypeScript 类代码都会被调用，但每次它都返回 Null。

typeScript 类有什么问题吗？

谢谢！

Answer 1

使用

!/^[a-z0-9]+$/i.test(control.value)

得到布尔结果