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–2020 Google, Inc.
Licensed under the Creative Commons Attribution License 4.0.
https://v9.angular.io/api/forms/PatternValidator