如何使表单控件采用空白字段但没有全白 space 字符？

Question

我正在尝试以反应形式验证一个字段，该字段可以为空，因为它不是必填字段，但不应将所有字符都设为白色 space。我为此创建了一个客户验证器，如下所示：

自定义-validator.ts

export function whiteSpaceValidator(control: AbstractControl): { [key: string]: any } | null {
    const check = control.value.trim();
    return check === '' ? { 'whiteSpaceCheck': { value: control.value } } : null;
}

但是我注意到，当该字段为空白时，意味着没有值存在，这是被触发的，我实际上并不想要。

除了遍历字符串中的每个字符并检查它是否等于 space 之外的任何解决方案。

Answer 1

您可以查看支票是否为空以及支票是否不等于原始值。这样，如果它为空且不等于原始值，则 trim 删除所有空格。

export function whiteSpaceValidator(control: AbstractControl): { [key: string]: any } | null {
    const check = control.value.trim();
    return check === '' && check != control.value? { 'whiteSpaceCheck': { value: control.value } } : null;
}

如何使表单控件采用空白字段但没有全白 space 字符？

How to make Form Control to take blank field but no all white space charcaters?

javascript

validation

typescript

angular

angular-reactive-forms