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