Angular material input pattern add white space

Asked Mar 19 '19 at 11:12

Active Mar 19 '19 at 11:12

Viewed 22 times

I have problem to validate white space in angular 7 input pattern.

<form #f="ngForm">
    <mat-form-field floatLabel="always">
        <input type="text" pattern="[a-zA-Z0-9_-\s]+" required matInput name="folderName">
    </mat-form-field>
    </form>
<button mat-raised-button [disabled]="!f.valid">Create</button>

I tried with:

pattern="[a-zA-Z0-9_-\s]+" Create button get disabled first time I add space
pattern="[a-zA-Z0-9_- ]+" I get message "Invalid regular expression" from angular. Here is a white space after '-' in pattern and that is invalid.

Where I am wrong ?

asked Mar 19 '19 at 11:12

Milos

1,678
4
23
49

`-` must be at the end: `pattern="[\w\s-]+"`. The issue is not with adding whitespace, but with using a hyphen inside a character class. – Wiktor Stribiżew Mar 19 '19 at 11:13
Thank you very much. It solved my problem. – Milos Mar 19 '19 at 12:24

Angular material input pattern add white space

0 Answers0