Cookies concent notice

This site uses cookies from Google to deliver its services and to analyze traffic.
Learn more
Skip to main content
Angular has a new websiteHead to Angular.devHome
/

This is the archived documentation for Angular v17. Please visit angular.dev to see this page for the current version of Angular.

PatternValidator

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.

See also

Exported from

Selectors

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 ]*">