W3cubDocs

PatternValidator

directive

A directive that adds regex pattern validation to controls marked with the pattern attribute. The regex must match the entire control value. The directive is provided with the NG_VALIDATORS multi-provider list.

Exported from

```
ReactiveFormsModule
```
```
FormsModule
```

Selectors

[pattern][formControlName]
[pattern][formControl]
[pattern][ngModel]

Properties

Property	Description
`@Input()pattern: string \| RegExp`	Tracks changes to the pattern bound to this directive.

Description

Adding a pattern validator

The following example shows how to add a pattern validator to an input attached to an ngModel binding.

<input name="firstName" ngModel pattern="[a-zA-Z ]*">

© 2010–2021 Google, Inc.
Licensed under the Creative Commons Attribution License 4.0.
https://v12.angular.io/api/forms/PatternValidator