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
-
ReactiveFormsModule
-
FormsModule
Selectors
[pattern][formControlName]
[pattern][formControl]
[pattern][ngModel]
Properties
Property | Description |
---|---|
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. | |||
ngOnChanges(changes: SimpleChanges): voidParameters
Returns
|
validate() | |||
---|---|---|---|
Method that validates whether the value matches the the pattern requirement. | |||
validate(control: AbstractControl): ValidationErrors | nullParameters
Returns
|
registerOnValidatorChange() | |||
---|---|---|---|
Registers a callback function to call when the validator inputs change. | |||
registerOnValidatorChange(fn: () => void): voidParameters
Returns
|
© 2010–2020 Google, Inc.
Licensed under the Creative Commons Attribution License 4.0.
https://v8.angular.io/api/forms/PatternValidator