On this page
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.
See also
NgModules
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 ]*">
   Methods
| 
         
          ngOnChanges() 
          | 
      |||
|---|---|---|---|
A lifecycle method called when the directive's inputs change. For internal use only.  | 
      |||
        
          | 
      
changes | 
            SimpleChanges | 
            A object of key/value pairs for the set of changed inputs.  | 
           
Returns
void
| 
         
          validate() 
          | 
      |||
|---|---|---|---|
Method that validates whether the value matches the the pattern requirement.  | 
      |||
        
          | 
      
control | 
            AbstractControl | 
            
Returns
ValidationErrors | null
| 
         
          registerOnValidatorChange() 
          | 
      |||
|---|---|---|---|
Registers a callback function to call when the validator inputs change.  | 
      |||
        
          | 
      
fn | 
            () => void | 
            The callback function  | 
           
Returns
void
© 2010–2019 Google, Inc.
Licensed under the Creative Commons Attribution License 4.0.
 https://v7.angular.io/api/forms/PatternValidator