angular - 如何验证空格/空格？ [ Angular 2]

Question

我想避免在我的 angular 2 形式中出现空白/空格？是否可以？如何做到这一点？

Answer 1

您可以创建自定义验证器来处理此问题。

new FormControl(field.fieldValue || '', [Validators.required, this.noWhitespaceValidator])

将 noWhitespaceValidator 方法添加到您的组件

public noWhitespaceValidator(control: FormControl) {
    const isWhitespace = (control.value || '').trim().length === 0;
    const isValid = !isWhitespace;
    return isValid ? null : { 'whitespace': true };
}

在 HTML 中

<div *ngIf="yourForm.hasError('whitespace')">Please enter valid data</div>