html - 如何让验证器允许空格？

Question

问题是，当我向文本输入添加空格时，我的 Angular 代码会在表单控件上触发错误。我希望正则表达式允许空格。我尝试了几种不同的正则表达式模式。我相信我目前使用的应该允许字母和空格。

typescript

form = this.fb.group({
    title: [,[Validators.required,Validators.pattern("[a-zA-Z\s]+")]],
    author: [,[Validators.required,Validators.pattern('/^[a-zA-Z\s]*$/')]],
    description: [,Validators.required],
    date: [new Date]
})

HTML

<div class="form-group">
    <label for="title"> Article Title </label>
    <span 
        style="color: red;font-style: italic" 
        *ngIf="(mouseOverSubmit || form.controls.title?.touched) 
        && form.controls.title?.errors?.required"> 
        Required 
    </span>
    <span 
        style = "color:red;font-style: italic" 
        *ngIf= "form.controls.title?.touched 
        && form.controls.title?.errors?.pattern"> 
        Only letters and numbers allowed
    </span>
    <input (ngModel)="title" 
            name="title" 
            formControlName="title" 
            class="form-control"
            type="text" 
            id="title">
</div>

Answer 1

这里是 validator给你举个例子

\s 任何空格

\S 任何非空白字符